| /****************************************************************** |
| * * |
| * Copyright (C) - Sample Corp., Smalltown, Sampleland |
| * * |
| * This source was generated via the OS.bee toolset! * |
| * * |
| * OS.bee is (C) - Loetz GmbH&Co.KG, 69115 Heidelberg, Germany * |
| * * |
| *================================================================* |
| * * |
| * @file $HeadURL$ |
| * @version $Revision$ |
| * @date $Date$ |
| * @author $Author$ |
| * * |
| ******************************************************************/ |
| |
| /** |
| * Checks if a list contains a certain value. |
| * |
| * @param {list} $list - the list to check |
| * @param {value} $var - the value to search for |
| * @param {bool} $recursive (false) - should any contained lists be checked for the value |
| * |
| * @return {bool} true if the value is found from the list, false otherwise |
| * |
| * @group lists |
| */ |
| |
| /** |
| * Cross-browser opacity. |
| * |
| * @param {number} $value - opacity value from 0 to 1 |
| * @param {bool} $important (false) - should the property value be declared with !important |
| * |
| * @group util |
| */ |
| |
| @-webkit-keyframes valo-animate-in-fade { |
| 0% { |
| opacity: 0; |
| } |
| } |
| |
| @-moz-keyframes valo-animate-in-fade { |
| 0% { |
| opacity: 0; |
| } |
| } |
| |
| @keyframes valo-animate-in-fade { |
| 0% { |
| opacity: 0; |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-fade { |
| 100% { |
| opacity: 0; |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-fade { |
| 100% { |
| opacity: 0; |
| } |
| } |
| |
| @keyframes valo-animate-out-fade { |
| 100% { |
| opacity: 0; |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-in-slide-down { |
| 0% { |
| -webkit-transform: translateY(-100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-in-slide-down { |
| 0% { |
| -moz-transform: translateY(-100%); |
| } |
| } |
| |
| @keyframes valo-animate-in-slide-down { |
| 0% { |
| -webkit-transform: translateY(-100%); |
| -moz-transform: translateY(-100%); |
| -ms-transform: translateY(-100%); |
| -o-transform: translateY(-100%); |
| transform: translateY(-100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-in-slide-up { |
| 0% { |
| -webkit-transform: translateY(100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-in-slide-up { |
| 0% { |
| -moz-transform: translateY(100%); |
| } |
| } |
| |
| @keyframes valo-animate-in-slide-up { |
| 0% { |
| -webkit-transform: translateY(100%); |
| -moz-transform: translateY(100%); |
| -ms-transform: translateY(100%); |
| -o-transform: translateY(100%); |
| transform: translateY(100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-in-slide-left { |
| 0% { |
| -webkit-transform: translateX(100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-in-slide-left { |
| 0% { |
| -moz-transform: translateX(100%); |
| } |
| } |
| |
| @keyframes valo-animate-in-slide-left { |
| 0% { |
| -webkit-transform: translateX(100%); |
| -moz-transform: translateX(100%); |
| -ms-transform: translateX(100%); |
| -o-transform: translateX(100%); |
| transform: translateX(100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-in-slide-right { |
| 0% { |
| -webkit-transform: translateX(-100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-in-slide-right { |
| 0% { |
| -moz-transform: translateX(-100%); |
| } |
| } |
| |
| @keyframes valo-animate-in-slide-right { |
| 0% { |
| -webkit-transform: translateX(-100%); |
| -moz-transform: translateX(-100%); |
| -ms-transform: translateX(-100%); |
| -o-transform: translateX(-100%); |
| transform: translateX(-100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-slide-down { |
| 100% { |
| -webkit-transform: translateY(100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-slide-down { |
| 100% { |
| -moz-transform: translateY(100%); |
| } |
| } |
| |
| @keyframes valo-animate-out-slide-down { |
| 100% { |
| -webkit-transform: translateY(100%); |
| -moz-transform: translateY(100%); |
| -ms-transform: translateY(100%); |
| -o-transform: translateY(100%); |
| transform: translateY(100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-slide-up { |
| 100% { |
| -webkit-transform: translateY(-100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-slide-up { |
| 100% { |
| -moz-transform: translateY(-100%); |
| } |
| } |
| |
| @keyframes valo-animate-out-slide-up { |
| 100% { |
| -webkit-transform: translateY(-100%); |
| -moz-transform: translateY(-100%); |
| -ms-transform: translateY(-100%); |
| -o-transform: translateY(-100%); |
| transform: translateY(-100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-slide-left { |
| 100% { |
| -webkit-transform: translateX(-100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-slide-left { |
| 100% { |
| -moz-transform: translateX(-100%); |
| } |
| } |
| |
| @keyframes valo-animate-out-slide-left { |
| 100% { |
| -webkit-transform: translateX(-100%); |
| -moz-transform: translateX(-100%); |
| -ms-transform: translateX(-100%); |
| -o-transform: translateX(-100%); |
| transform: translateX(-100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-slide-right { |
| 100% { |
| -webkit-transform: translateX(100%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-slide-right { |
| 100% { |
| -moz-transform: translateX(100%); |
| } |
| } |
| |
| @keyframes valo-animate-out-slide-right { |
| 100% { |
| -webkit-transform: translateX(100%); |
| -moz-transform: translateX(100%); |
| -ms-transform: translateX(100%); |
| -o-transform: translateX(100%); |
| transform: translateX(100%); |
| } |
| } |
| |
| @-webkit-keyframes valo-overlay-animate-in { |
| 0% { |
| -webkit-transform: translatey(-4px); |
| opacity: 0; |
| } |
| } |
| |
| @-moz-keyframes valo-overlay-animate-in { |
| 0% { |
| -moz-transform: translatey(-4px); |
| opacity: 0; |
| } |
| } |
| |
| @keyframes valo-overlay-animate-in { |
| 0% { |
| -webkit-transform: translatey(-4px); |
| -moz-transform: translatey(-4px); |
| -ms-transform: translatey(-4px); |
| -o-transform: translatey(-4px); |
| transform: translatey(-4px); |
| opacity: 0; |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-slide-down-fade { |
| 100% { |
| opacity: 0; |
| -webkit-transform: translatey(30%); |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-slide-down-fade { |
| 100% { |
| opacity: 0; |
| -moz-transform: translatey(30%); |
| } |
| } |
| |
| @keyframes valo-animate-out-slide-down-fade { |
| 100% { |
| opacity: 0; |
| -webkit-transform: translatey(30%); |
| -moz-transform: translatey(30%); |
| -ms-transform: translatey(30%); |
| -o-transform: translatey(30%); |
| transform: translatey(30%); |
| } |
| } |
| |
| /** |
| * Outputs cross-browser Valo-specific linear gradient background-image declarations. |
| * |
| * @group style |
| * |
| * @param {color} $color ($v-background-color) - The base color for the gradient color stops |
| * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. |
| * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead. |
| * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end. |
| */ |
| |
| /** |
| * Computes a CSS border property value for the given base color. |
| * |
| * @group style |
| * |
| * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords |
| * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to |
| * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function. |
| * @param {number} $strength (1) - adjustment for the border contrast |
| * |
| * @return {list} The input $border value with any color keyword replaced with the corresponding actual color |
| */ |
| |
| /** |
| * Ouput selectors and properties to vertically center elements inside their parent. |
| * |
| * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements. |
| * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom |
| * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide |
| * |
| * @group util |
| */ |
| |
| @font-face { |
| font-family: ThemeIcons; |
| font-weight: normal; |
| font-style: normal; |
| src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot); |
| src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.svg#ThemeIcons) format("svg"); |
| } |
| |
| .ThemeIcons { |
| font-family: ThemeIcons; |
| font-style: normal; |
| font-weight: normal; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| display: inline-block; |
| text-align: center; |
| } |
| |
| @font-face { |
| font-family: FontAwesome; |
| font-weight: normal; |
| font-style: normal; |
| src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot); |
| src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg"); |
| } |
| |
| .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-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: 6px; |
| } |
| 100% { |
| width: 96%; |
| height: 6px; |
| } |
| } |
| |
| @-moz-keyframes v-progress-wait { |
| 0% { |
| width: 90%; |
| height: 4px; |
| } |
| 3% { |
| width: 91%; |
| height: 6px; |
| } |
| 100% { |
| width: 96%; |
| height: 6px; |
| } |
| } |
| |
| @keyframes v-progress-wait { |
| 0% { |
| width: 90%; |
| height: 4px; |
| } |
| 3% { |
| width: 91%; |
| height: 6px; |
| } |
| 100% { |
| width: 96%; |
| height: 6px; |
| } |
| } |
| |
| @-webkit-keyframes v-progress-wait-pulse { |
| 0% { |
| opacity: 1; |
| } |
| 50% { |
| opacity: 0.1; |
| } |
| 100% { |
| opacity: 1; |
| } |
| } |
| |
| @-moz-keyframes v-progress-wait-pulse { |
| 0% { |
| opacity: 1; |
| } |
| 50% { |
| opacity: 0.1; |
| } |
| 100% { |
| opacity: 1; |
| } |
| } |
| |
| @keyframes v-progress-wait-pulse { |
| 0% { |
| opacity: 1; |
| } |
| 50% { |
| opacity: 0.1; |
| } |
| 100% { |
| opacity: 1; |
| } |
| } |
| |
| /** |
| * Outputs the context menu selectors and styles, which is used by Table and Tree for instance. |
| * |
| * @requires {mixin} valo-selection-item-style |
| * @requires {mixin} valo-selection-item-selected-style |
| */ |
| |
| /** |
| * The background color for overlay elements. |
| * |
| * @type color |
| * @group overlay |
| */ |
| |
| .v-shadow, .v-shadow-window { |
| display: none; |
| } |
| |
| .v-ie8 .v-shadow, .v-ie8 .v-shadow-window { |
| display: block; |
| } |
| |
| .v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top { |
| position: absolute; |
| top: -6px; |
| right: 10px; |
| bottom: 6px; |
| left: -10px; |
| background: black; |
| filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false); |
| } |
| |
| .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=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false); |
| } |
| |
| /** |
| * The backgound color for tooltips. |
| * |
| * @type color |
| * @group tooltip |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-absolutelayout) - |
| * |
| * @group absolutelayout |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the Accordion component. |
| * |
| * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * @group accordion |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the Button component. |
| * |
| * @param {string} $primary-stylename (v-button) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group button |
| */ |
| |
| /** |
| * A list of colors for custom event colors. Can be an empty list of you don't |
| * need any custom event colors. |
| * |
| * @example javascript |
| * // Java code |
| * // 'event' is an instance of EditableCalendarEvent |
| * event.setStyleName("color1"); // 1st color in the list |
| * event.setStyleName("color2"); // 2nd color in the list |
| * // etc. |
| * |
| * @group calendar |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the CheckBox component. |
| * |
| * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group checkbox |
| */ |
| |
| /** |
| * Outputs the global selectors and properties for the ColorPicker component - styles which are |
| * considered mandatory for the component to work properly. |
| * |
| * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors |
| * |
| * @group colorpicker |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the ComboBox component. |
| * |
| * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group combobox |
| */ |
| |
| /** |
| * The amount of spacing between different widgets in a component group. |
| * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0) |
| * |
| * @group csslayout |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-customcomponent) - |
| * |
| * @group customcomponent |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-customlayout) - |
| * |
| * @group customlayout |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the DateField component. |
| * |
| * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group datefield |
| */ |
| |
| /** |
| * Outputs the styles and selectors for the DragAndDropWrapper component. |
| * |
| * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors |
| * |
| * @group drag-n-drop |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-form) - |
| * |
| * @group form |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the FormLayout component. |
| * |
| * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group formlayout |
| */ |
| |
| /** |
| * |
| * @group table |
| */ |
| |
| @-webkit-keyframes valo-grid-editor-footer-animate-in { |
| 0% { |
| margin-top: -32px; |
| } |
| } |
| |
| @-moz-keyframes valo-grid-editor-footer-animate-in { |
| 0% { |
| margin-top: -32px; |
| } |
| } |
| |
| @keyframes valo-grid-editor-footer-animate-in { |
| 0% { |
| margin-top: -32px; |
| } |
| } |
| |
| @-webkit-keyframes valo-grid-editor-footer-animate-in-alt { |
| 0% { |
| margin-bottom: -33px; |
| } |
| 100% { |
| margin-bottom: -1px; |
| } |
| } |
| |
| @-moz-keyframes valo-grid-editor-footer-animate-in-alt { |
| 0% { |
| margin-bottom: -33px; |
| } |
| 100% { |
| margin-bottom: -1px; |
| } |
| } |
| |
| @keyframes valo-grid-editor-footer-animate-in-alt { |
| 0% { |
| margin-bottom: -33px; |
| } |
| 100% { |
| margin-bottom: -1px; |
| } |
| } |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-gridlayout) - |
| * |
| * @group gridlayout |
| */ |
| |
| /** |
| * The font weight for headers. |
| * |
| * @group label |
| */ |
| |
| /** |
| * |
| * @group link |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-loginform) - |
| * |
| * @group loginform |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-menubar) - |
| * @param {bool} $include-additional-styles - |
| * |
| * @group menubar |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-nativebutton) - |
| * |
| * @group nativebutton |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-select) - |
| * |
| * @group nativeselect |
| */ |
| |
| /** |
| * |
| * @group notification |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-select-optiongroup) - |
| * @param {bool} $include-additional-styles - |
| * |
| * @group optiongroup |
| */ |
| |
| /** |
| * |
| * |
| * |
| * @group orderedlayout |
| */ |
| |
| /** |
| * |
| * @group panel |
| */ |
| |
| @-webkit-keyframes v-popupview-animate-in { |
| 0% { |
| -webkit-transform: scale(0); |
| } |
| } |
| |
| @-moz-keyframes v-popupview-animate-in { |
| 0% { |
| -moz-transform: scale(0); |
| } |
| } |
| |
| @keyframes v-popupview-animate-in { |
| 0% { |
| -webkit-transform: scale(0); |
| -moz-transform: scale(0); |
| -ms-transform: scale(0); |
| -o-transform: scale(0); |
| transform: scale(0); |
| } |
| } |
| |
| /** |
| * |
| * @group progressbar |
| */ |
| |
| /** |
| * |
| * @group richtextarea |
| */ |
| |
| /** |
| * |
| * @group slider |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-splitpanel) - |
| * @param {bool} $include-additional-styles - |
| * |
| * @group splitpanel |
| */ |
| |
| /** |
| * |
| * @group table |
| */ |
| |
| /** |
| * Should the tabsheet content changes be animated. |
| * |
| * @group tabsheet |
| */ |
| |
| /** |
| * The background color for text fields. |
| * @group textfield |
| */ |
| |
| /** |
| * Outputs the selectors and properties for the TextArea component. |
| * |
| * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors |
| * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component |
| * |
| * @group textarea |
| */ |
| |
| /** |
| * |
| * @group tree |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-treetable) - |
| * |
| * @group treetable |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-select-twincol) - |
| * |
| * @group twin-column-select |
| */ |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-upload) - |
| * |
| * @group upload |
| */ |
| |
| /** |
| * |
| */ |
| |
| /** |
| * @group window |
| */ |
| |
| @-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; |
| } |
| } |
| |
| @-webkit-keyframes valo-animate-out-scale-down-fade { |
| 100% { |
| -webkit-transform: scale(0.8); |
| opacity: 0; |
| } |
| } |
| |
| @-moz-keyframes valo-animate-out-scale-down-fade { |
| 100% { |
| -moz-transform: scale(0.8); |
| opacity: 0; |
| } |
| } |
| |
| @keyframes valo-animate-out-scale-down-fade { |
| 100% { |
| -webkit-transform: scale(0.8); |
| -moz-transform: scale(0.8); |
| -ms-transform: scale(0.8); |
| -o-transform: scale(0.8); |
| transform: scale(0.8); |
| opacity: 0; |
| } |
| } |
| |
| /** |
| * @group valo-menu |
| */ |
| |
| .v-vaadin-version:after { |
| content: "@version@"; |
| } |
| |
| .v-widget { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| display: inline-block; |
| vertical-align: top; |
| text-align: left; |
| white-space: normal; |
| } |
| |
| .v-generated-body { |
| overflow: hidden; |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| |
| .v-app { |
| height: 100%; |
| -webkit-tap-highlight-color: transparent; |
| -webkit-text-size-adjust: 100%; |
| -ms-text-size-adjust: 100%; |
| -webkit-text-size-adjust: 100%; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| |
| .v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption { |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| } |
| |
| .v-app input::-ms-clear { |
| display: none; |
| } |
| |
| .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; |
| } |
| |
| .v-drag-element { |
| z-index: 60000; |
| position: absolute !important; |
| cursor: default; |
| } |
| |
| .v-clip { |
| overflow: hidden; |
| } |
| |
| .v-scrollable { |
| overflow: auto; |
| } |
| |
| .v-scrollable > .v-widget { |
| vertical-align: middle; |
| overflow: hidden; |
| } |
| |
| .v-ios.v-webkit .v-scrollable { |
| -webkit-overflow-scrolling: touch; |
| } |
| |
| .v-ios5.v-webkit .v-scrollable { |
| -webkit-overflow-scrolling: none; |
| } |
| |
| .v-webkit.v-ios .v-browserframe { |
| -webkit-overflow-scrolling: touch; |
| overflow: auto; |
| } |
| |
| .v-assistive-device-only { |
| position: absolute; |
| top: -2000px; |
| left: -2000px; |
| width: 10px; |
| overflow: hidden; |
| } |
| |
| .v-icon { |
| cursor: inherit; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| |
| .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: nowrap; |
| vertical-align: top; |
| } |
| |
| .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-horizontal > .v-expand > .v-slot { |
| position: relative; |
| } |
| |
| .v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing { |
| width: 0 !important; |
| display: block; |
| clear: both; |
| } |
| |
| .v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing { |
| height: 0 !important; |
| } |
| |
| .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; |
| } |
| |
| .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-align-middle > .v-widget { |
| vertical-align: middle; |
| } |
| |
| .v-align-bottom, .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: 0.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; |
| } |
| |
| .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; |
| -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3); |
| 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-caption-container-align-center { |
| text-align: center; |
| } |
| |
| .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-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close { |
| display: none; |
| } |
| |
| .v-tabsheet { |
| overflow: visible !important; |
| position: relative; |
| } |
| |
| .v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr { |
| display: inline-block; |
| border-spacing: 0; |
| border-collapse: collapse; |
| vertical-align: top; |
| } |
| |
| .v-tabsheet-tabcontainer td { |
| display: inline-block; |
| padding: 0; |
| } |
| |
| .v-tabsheet-tabs { |
| white-space: nowrap; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .v-tabsheet-content { |
| position: relative; |
| } |
| |
| .v-tabsheet-content > div > .v-scrollable > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .v-tabsheet-content > div > .v-scrollable > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .v-tabsheet-content > div > .v-scrollable > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .v-tabsheet-content > div > .v-scrollable > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .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 > div > .v-splitpanel-second-container { |
| position: static !important; |
| display: inline-block; |
| vertical-align: top; |
| } |
| |
| .v-splitpanel-horizontal > div > .v-splitpanel-first-container { |
| display: inline-block; |
| vertical-align: top; |
| } |
| |
| @font-face { |
| font-family: "Vaadin-Icons"; |
| src: url(fonts/Vaadin-Icons.eot); |
| src: url(fonts/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(fonts/Vaadin-Icons.woff) format("woff"), url(fonts/Vaadin-Icons.ttf) format("truetype"), url(fonts/Vaadin-Icons.svg#icomoon) format("svg"); |
| } |
| |
| @font-face { |
| font-family: "fontello"; |
| src: url(fonts/fontello.eot); |
| src: url(fonts/fontello.eot?#iefix) format("embedded-opentype"), url(fonts/fontello.woff) format("woff"), url(fonts/fontello.ttf) format("truetype"), url(fonts/fontello.svg#icomoon) format("svg"); |
| } |
| |
| [class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before, [class^="icon-"].v-label:before, [class*=" icon-"].v-label:before, [class*="-icon-"].v-menubar-menuitem:before { |
| font-family: "fontello"; |
| font-style: normal; |
| font-weight: normal; |
| speak: none; |
| display: inline-block; |
| text-decoration: inherit; |
| text-align: center; |
| line-height: 1; |
| margin-right: 0.4em; |
| vertical-align: 1px; |
| } |
| |
| [class^="icon-"] > .v-button-wrap:before, [class*=" icon-"] > .v-button-wrap:before, [class^="icon-"].v-nativebutton:before, [class*=" icon-"].v-nativebutton:before { |
| margin: 0; |
| margin-left: -0.3em; |
| } |
| |
| [class^="icon-"] > span > .v-button-caption, [class^="icon-"] > .v-nativebutton-caption, [class*=" icon-"] > span > .v-button-caption, [class*=" icon-"] > .v-nativebutton-caption { |
| margin-left: 16px; |
| } |
| |
| .icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { |
| content: "\2b"; |
| } |
| |
| .icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before { |
| content: "\2d"; |
| } |
| |
| .icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before { |
| content: "\2139"; |
| } |
| |
| .icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before { |
| content: "\2190"; |
| } |
| |
| .icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before { |
| content: "\2191"; |
| } |
| |
| .icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before { |
| content: "\2192"; |
| } |
| |
| .icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before { |
| content: "\2193"; |
| } |
| |
| .icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before { |
| content: "\21c4"; |
| } |
| |
| .icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before { |
| content: "\2302"; |
| } |
| |
| .icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before { |
| content: "\e802"; |
| } |
| |
| .icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before { |
| content: "\25b4"; |
| } |
| |
| .icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before { |
| content: "\25b8"; |
| } |
| |
| .icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before { |
| content: "\25be"; |
| } |
| |
| .icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before { |
| content: "\25c2"; |
| } |
| |
| .icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before { |
| content: "\2605"; |
| } |
| |
| .icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before { |
| content: "\2606"; |
| } |
| |
| .icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before { |
| content: "\2630"; |
| } |
| |
| .icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before { |
| content: "\2661"; |
| } |
| |
| .icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before { |
| content: "\2665"; |
| } |
| |
| .icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before { |
| content: "\266a"; |
| } |
| |
| .icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before { |
| content: "\268f"; |
| } |
| |
| .icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before { |
| content: "\2691"; |
| } |
| |
| .icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before { |
| content: "\2699"; |
| } |
| |
| .icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before { |
| content: "\26a0"; |
| } |
| |
| .icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before { |
| content: "\2709"; |
| } |
| |
| .icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before { |
| content: "\270d"; |
| } |
| |
| .icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before { |
| content: "\270e"; |
| } |
| |
| .icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before { |
| content: "\2713"; |
| } |
| |
| .icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before { |
| content: "\e801"; |
| } |
| |
| .icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before { |
| content: "\2715"; |
| } |
| |
| .icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before { |
| content: "\2716"; |
| } |
| |
| .icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before { |
| content: "\2753"; |
| } |
| |
| .icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before { |
| content: "\2795"; |
| } |
| |
| .icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before { |
| content: "\2796"; |
| } |
| |
| .icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before { |
| content: "\27a1"; |
| } |
| |
| .icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before { |
| content: "\27a6"; |
| } |
| |
| .icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before { |
| content: "\27f3"; |
| } |
| |
| .icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before { |
| content: "\2b05"; |
| } |
| |
| .icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before { |
| content: "\2b06"; |
| } |
| |
| .icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before { |
| content: "\2b07"; |
| } |
| |
| .icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before { |
| content: "\e4ad"; |
| } |
| |
| .icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before { |
| content: "\e4ae"; |
| } |
| |
| .icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before { |
| content: "\e4af"; |
| } |
| |
| .icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before { |
| content: "\e4b0"; |
| } |
| |
| .icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before { |
| content: "\e700"; |
| } |
| |
| .icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before { |
| content: "\e704"; |
| } |
| |
| .icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before { |
| content: "\e705"; |
| } |
| |
| .icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before { |
| content: "\e706"; |
| } |
| |
| .icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before { |
| content: "\e70a"; |
| } |
| |
| .icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before { |
| content: "\e70c"; |
| } |
| |
| .icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before { |
| content: "\e711"; |
| } |
| |
| .icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before { |
| content: "\e712"; |
| } |
| |
| .icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before { |
| content: "\e715"; |
| } |
| |
| .icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before { |
| content: "\e716"; |
| } |
| |
| .icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before { |
| content: "\e717"; |
| } |
| |
| .icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before { |
| content: "\e718"; |
| } |
| |
| .icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before { |
| content: "\e722"; |
| } |
| |
| .icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before { |
| content: "\e724"; |
| } |
| |
| .icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before { |
| content: "\e729"; |
| } |
| |
| .icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before { |
| content: "\e744"; |
| } |
| |
| .icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before { |
| content: "\e746"; |
| } |
| |
| .icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before { |
| content: "\e75c"; |
| } |
| |
| .icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before { |
| content: "\e75d"; |
| } |
| |
| .icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before { |
| content: "\e75e"; |
| } |
| |
| .icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before { |
| content: "\e75f"; |
| } |
| |
| .icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before { |
| content: "\e760"; |
| } |
| |
| .icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before { |
| content: "\e7a2"; |
| } |
| |
| .icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before { |
| content: "\e800"; |
| } |
| |
| .icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before { |
| content: "\1f464"; |
| } |
| |
| .icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before { |
| content: "\1f465"; |
| } |
| |
| .icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before { |
| content: "\1f4bb"; |
| } |
| |
| .icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before { |
| content: "\1f4c1"; |
| } |
| |
| .icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before { |
| content: "\1f4c4"; |
| } |
| |
| .icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before { |
| content: "\1f4c5"; |
| } |
| |
| .icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before { |
| content: "\1f4c8"; |
| } |
| |
| .icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before { |
| content: "\1f4ce"; |
| } |
| |
| .icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before { |
| content: "\1f4e4"; |
| } |
| |
| .icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before { |
| content: "\1f4e5"; |
| } |
| |
| .icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before { |
| content: "\1f4f1"; |
| } |
| |
| .icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before { |
| content: "\1f4f7"; |
| } |
| |
| .icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before { |
| content: "\1f512"; |
| } |
| |
| .icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before { |
| content: "\1f513"; |
| } |
| |
| .icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before { |
| content: "\1f514"; |
| } |
| |
| .icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before { |
| content: "\1f517"; |
| } |
| |
| .icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before { |
| content: "\1f554"; |
| } |
| |
| .icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before { |
| content: "\1f6ab"; |
| } |
| |
| .icon-plus.v-nativebutton:before, .icon-plus > .v-button-wrap:before, .icon-plus.v-label:before, .v-menubar-menuitem-icon-plus:before { |
| content: "\2b"; |
| } |
| |
| .icon-minus.v-nativebutton:before, .icon-minus > .v-button-wrap:before, .icon-minus.v-label:before, .v-menubar-menuitem-icon-minus:before { |
| content: "\2d"; |
| } |
| |
| .icon-info.v-nativebutton:before, .icon-info > .v-button-wrap:before, .icon-info.v-label:before, .v-menubar-menuitem-icon-info:before { |
| content: "\2139"; |
| } |
| |
| .icon-left.v-nativebutton:before, .icon-left > .v-button-wrap:before, .icon-left.v-label:before, .v-menubar-menuitem-icon-left:before { |
| content: "\2190"; |
| } |
| |
| .icon-up.v-nativebutton:before, .icon-up > .v-button-wrap:before, .icon-up.v-label:before, .v-menubar-menuitem-icon-up:before { |
| content: "\2191"; |
| } |
| |
| .icon-right.v-nativebutton:before, .icon-right > .v-button-wrap:before, .icon-right.v-label:before, .v-menubar-menuitem-icon-right:before { |
| content: "\2192"; |
| } |
| |
| .icon-down.v-nativebutton:before, .icon-down > .v-button-wrap:before, .icon-down.v-label:before, .v-menubar-menuitem-icon-down:before { |
| content: "\2193"; |
| } |
| |
| .icon-exchange.v-nativebutton:before, .icon-exchange > .v-button-wrap:before, .icon-exchange.v-label:before, .v-menubar-menuitem-icon-exchange:before { |
| content: "\21c4"; |
| } |
| |
| .icon-home.v-nativebutton:before, .icon-home > .v-button-wrap:before, .icon-home.v-label:before, .v-menubar-menuitem-icon-home:before { |
| content: "\2302"; |
| } |
| |
| .icon-home-1.v-nativebutton:before, .icon-home-1 > .v-button-wrap:before, .icon-home-1.v-label:before, .v-menubar-menuitem-icon-home-1:before { |
| content: "\e802"; |
| } |
| |
| .icon-up-dir.v-nativebutton:before, .icon-up-dir > .v-button-wrap:before, .icon-up-dir.v-label:before, .v-menubar-menuitem-icon-up-dir:before { |
| content: "\25b4"; |
| } |
| |
| .icon-right-dir.v-nativebutton:before, .icon-right-dir > .v-button-wrap:before, .icon-right-dir.v-label:before, .v-menubar-menuitem-icon-right-dir:before { |
| content: "\25b8"; |
| } |
| |
| .icon-down-dir.v-nativebutton:before, .icon-down-dir > .v-button-wrap:before, .icon-down-dir.v-label:before, .v-menubar-menuitem-icon-down-dir:before { |
| content: "\25be"; |
| } |
| |
| .icon-left-dir.v-nativebutton:before, .icon-left-dir > .v-button-wrap:before, .icon-left-dir.v-label:before, .v-menubar-menuitem-icon-left-dir:before { |
| content: "\25c2"; |
| } |
| |
| .icon-star.v-nativebutton:before, .icon-star > .v-button-wrap:before, .icon-star.v-label:before, .v-menubar-menuitem-icon-star:before { |
| content: "\2605"; |
| } |
| |
| .icon-star-empty.v-nativebutton:before, .icon-star-empty > .v-button-wrap:before, .icon-star-empty.v-label:before, .v-menubar-menuitem-icon-star-empty:before { |
| content: "\2606"; |
| } |
| |
| .icon-th-list.v-nativebutton:before, .icon-th-list > .v-button-wrap:before, .icon-th-list.v-label:before, .v-menubar-menuitem-icon-th-list:before { |
| content: "\2630"; |
| } |
| |
| .icon-heart-empty.v-nativebutton:before, .icon-heart-empty > .v-button-wrap:before, .icon-heart-empty.v-label:before, .v-menubar-menuitem-icon-heart-empty:before { |
| content: "\2661"; |
| } |
| |
| .icon-heart.v-nativebutton:before, .icon-heart > .v-button-wrap:before, .icon-heart.v-label:before, .v-menubar-menuitem-icon-heart:before { |
| content: "\2665"; |
| } |
| |
| .icon-music.v-nativebutton:before, .icon-music > .v-button-wrap:before, .icon-music.v-label:before, .v-menubar-menuitem-icon-music:before { |
| content: "\266a"; |
| } |
| |
| .icon-th.v-nativebutton:before, .icon-th > .v-button-wrap:before, .icon-th.v-label:before, .v-menubar-menuitem-icon-th:before { |
| content: "\268f"; |
| } |
| |
| .icon-flag.v-nativebutton:before, .icon-flag > .v-button-wrap:before, .icon-flag.v-label:before, .v-menubar-menuitem-icon-flag:before { |
| content: "\2691"; |
| } |
| |
| .icon-cog.v-nativebutton:before, .icon-cog > .v-button-wrap:before, .icon-cog.v-label:before, .v-menubar-menuitem-icon-cog:before { |
| content: "\2699"; |
| } |
| |
| .icon-attention.v-nativebutton:before, .icon-attention > .v-button-wrap:before, .icon-attention.v-label:before, .v-menubar-menuitem-icon-attention:before { |
| content: "\26a0"; |
| } |
| |
| .icon-mail.v-nativebutton:before, .icon-mail > .v-button-wrap:before, .icon-mail.v-label:before, .v-menubar-menuitem-icon-mail:before { |
| content: "\2709"; |
| } |
| |
| .icon-edit.v-nativebutton:before, .icon-edit > .v-button-wrap:before, .icon-edit.v-label:before, .v-menubar-menuitem-icon-edit:before { |
| content: "\270d"; |
| } |
| |
| .icon-pencil.v-nativebutton:before, .icon-pencil > .v-button-wrap:before, .icon-pencil.v-label:before, .v-menubar-menuitem-icon-pencil:before { |
| content: "\270e"; |
| } |
| |
| .icon-ok.v-nativebutton:before, .icon-ok > .v-button-wrap:before, .icon-ok.v-label:before, .v-menubar-menuitem-icon-ok:before { |
| content: "\2713"; |
| } |
| |
| .icon-cancel-1.v-nativebutton:before, .icon-cancel-1 > .v-button-wrap:before, .icon-cancel-1.v-label:before, .v-menubar-menuitem-icon-cancel-1:before { |
| content: "\e801"; |
| } |
| |
| .icon-cancel.v-nativebutton:before, .icon-cancel > .v-button-wrap:before, .icon-cancel.v-label:before, .v-menubar-menuitem-icon-cancel:before { |
| content: "\2715"; |
| } |
| |
| .icon-cancel-circle.v-nativebutton:before, .icon-cancel-circle > .v-button-wrap:before, .icon-cancel-circle.v-label:before, .v-menubar-menuitem-icon-cancel-circle:before { |
| content: "\2716"; |
| } |
| |
| .icon-help.v-nativebutton:before, .icon-help > .v-button-wrap:before, .icon-help.v-label:before, .v-menubar-menuitem-icon-help:before { |
| content: "\2753"; |
| } |
| |
| .icon-plus-circle.v-nativebutton:before, .icon-plus-circle > .v-button-wrap:before, .icon-plus-circle.v-label:before, .v-menubar-menuitem-icon-plus-circle:before { |
| content: "\2795"; |
| } |
| |
| .icon-minus-circle.v-nativebutton:before, .icon-minus-circle > .v-button-wrap:before, .icon-minus-circle.v-label:before, .v-menubar-menuitem-icon-minus-circle:before { |
| content: "\2796"; |
| } |
| |
| .icon-right-thin.v-nativebutton:before, .icon-right-thin > .v-button-wrap:before, .icon-right-thin.v-label:before, .v-menubar-menuitem-icon-right-thin:before { |
| content: "\27a1"; |
| } |
| |
| .icon-forward.v-nativebutton:before, .icon-forward > .v-button-wrap:before, .icon-forward.v-label:before, .v-menubar-menuitem-icon-forward:before { |
| content: "\27a6"; |
| } |
| |
| .icon-cw.v-nativebutton:before, .icon-cw > .v-button-wrap:before, .icon-cw.v-label:before, .v-menubar-menuitem-icon-cw:before { |
| content: "\27f3"; |
| } |
| |
| .icon-left-thin.v-nativebutton:before, .icon-left-thin > .v-button-wrap:before, .icon-left-thin.v-label:before, .v-menubar-menuitem-icon-left-thin:before { |
| content: "\2b05"; |
| } |
| |
| .icon-up-thin.v-nativebutton:before, .icon-up-thin > .v-button-wrap:before, .icon-up-thin.v-label:before, .v-menubar-menuitem-icon-up-thin:before { |
| content: "\2b06"; |
| } |
| |
| .icon-down-thin.v-nativebutton:before, .icon-down-thin > .v-button-wrap:before, .icon-down-thin.v-label:before, .v-menubar-menuitem-icon-down-thin:before { |
| content: "\2b07"; |
| } |
| |
| .icon-left-bold.v-nativebutton:before, .icon-left-bold > .v-button-wrap:before, .icon-left-bold.v-label:before, .v-menubar-menuitem-icon-left-bold:before { |
| content: "\e4ad"; |
| } |
| |
| .icon-right-bold.v-nativebutton:before, .icon-right-bold > .v-button-wrap:before, .icon-right-bold.v-label:before, .v-menubar-menuitem-icon-right-bold:before { |
| content: "\e4ae"; |
| } |
| |
| .icon-up-bold.v-nativebutton:before, .icon-up-bold > .v-button-wrap:before, .icon-up-bold.v-label:before, .v-menubar-menuitem-icon-up-bold:before { |
| content: "\e4af"; |
| } |
| |
| .icon-down-bold.v-nativebutton:before, .icon-down-bold > .v-button-wrap:before, .icon-down-bold.v-label:before, .v-menubar-menuitem-icon-down-bold:before { |
| content: "\e4b0"; |
| } |
| |
| .icon-user-add.v-nativebutton:before, .icon-user-add > .v-button-wrap:before, .icon-user-add.v-label:before, .v-menubar-menuitem-icon-user-add:before { |
| content: "\e700"; |
| } |
| |
| .icon-help-circle.v-nativebutton:before, .icon-help-circle > .v-button-wrap:before, .icon-help-circle.v-label:before, .v-menubar-menuitem-icon-help-circle:before { |
| content: "\e704"; |
| } |
| |
| .icon-info-circle.v-nativebutton:before, .icon-info-circle > .v-button-wrap:before, .icon-info-circle.v-label:before, .v-menubar-menuitem-icon-info-circle:before { |
| content: "\e705"; |
| } |
| |
| .icon-back.v-nativebutton:before, .icon-back > .v-button-wrap:before, .icon-back.v-label:before, .v-menubar-menuitem-icon-back:before { |
| content: "\e706"; |
| } |
| |
| .icon-eye.v-nativebutton:before, .icon-eye > .v-button-wrap:before, .icon-eye.v-label:before, .v-menubar-menuitem-icon-eye:before { |
| content: "\e70a"; |
| } |
| |
| .icon-tag.v-nativebutton:before, .icon-tag > .v-button-wrap:before, .icon-tag.v-label:before, .v-menubar-menuitem-icon-tag:before { |
| content: "\e70c"; |
| } |
| |
| .icon-upload-cloud.v-nativebutton:before, .icon-upload-cloud > .v-button-wrap:before, .icon-upload-cloud.v-label:before, .v-menubar-menuitem-icon-upload-cloud:before { |
| content: "\e711"; |
| } |
| |
| .icon-reply.v-nativebutton:before, .icon-reply > .v-button-wrap:before, .icon-reply.v-label:before, .v-menubar-menuitem-icon-reply:before { |
| content: "\e712"; |
| } |
| |
| .icon-export.v-nativebutton:before, .icon-export > .v-button-wrap:before, .icon-export.v-label:before, .v-menubar-menuitem-icon-export:before { |
| content: "\e715"; |
| } |
| |
| .icon-print.v-nativebutton:before, .icon-print > .v-button-wrap:before, .icon-print.v-label:before, .v-menubar-menuitem-icon-print:before { |
| content: "\e716"; |
| } |
| |
| .icon-retweet.v-nativebutton:before, .icon-retweet > .v-button-wrap:before, .icon-retweet.v-label:before, .v-menubar-menuitem-icon-retweet:before { |
| content: "\e717"; |
| } |
| |
| .icon-comment.v-nativebutton:before, .icon-comment > .v-button-wrap:before, .icon-comment.v-label:before, .v-menubar-menuitem-icon-comment:before { |
| content: "\e718"; |
| } |
| |
| .icon-vcard.v-nativebutton:before, .icon-vcard > .v-button-wrap:before, .icon-vcard.v-label:before, .v-menubar-menuitem-icon-vcard:before { |
| content: "\e722"; |
| } |
| |
| .icon-location.v-nativebutton:before, .icon-location > .v-button-wrap:before, .icon-location.v-label:before, .v-menubar-menuitem-icon-location:before { |
| content: "\e724"; |
| } |
| |
| .icon-trash.v-nativebutton:before, .icon-trash > .v-button-wrap:before, .icon-trash.v-label:before, .v-menubar-menuitem-icon-trash:before { |
| content: "\e729"; |
| } |
| |
| .icon-resize-full.v-nativebutton:before, .icon-resize-full > .v-button-wrap:before, .icon-resize-full.v-label:before, .v-menubar-menuitem-icon-resize-full:before { |
| content: "\e744"; |
| } |
| |
| .icon-resize-small.v-nativebutton:before, .icon-resize-small > .v-button-wrap:before, .icon-resize-small.v-label:before, .v-menubar-menuitem-icon-resize-small:before { |
| content: "\e746"; |
| } |
| |
| .icon-down-open.v-nativebutton:before, .icon-down-open > .v-button-wrap:before, .icon-down-open.v-label:before, .v-menubar-menuitem-icon-down-open:before { |
| content: "\e75c"; |
| } |
| |
| .icon-left-open.v-nativebutton:before, .icon-left-open > .v-button-wrap:before, .icon-left-open.v-label:before, .v-menubar-menuitem-icon-left-open:before { |
| content: "\e75d"; |
| } |
| |
| .icon-right-open.v-nativebutton:before, .icon-right-open > .v-button-wrap:before, .icon-right-open.v-label:before, .v-menubar-menuitem-icon-right-open:before { |
| content: "\e75e"; |
| } |
| |
| .icon-up-open.v-nativebutton:before, .icon-up-open > .v-button-wrap:before, .icon-up-open.v-label:before, .v-menubar-menuitem-icon-up-open:before { |
| content: "\e75f"; |
| } |
| |
| .icon-arrows-cw.v-nativebutton:before, .icon-arrows-cw > .v-button-wrap:before, .icon-arrows-cw.v-label:before, .v-menubar-menuitem-icon-arrows-cw:before { |
| content: "\e760"; |
| } |
| |
| .icon-chart-pie.v-nativebutton:before, .icon-chart-pie > .v-button-wrap:before, .icon-chart-pie.v-label:before, .v-menubar-menuitem-icon-chart-pie:before { |
| content: "\e7a2"; |
| } |
| |
| .icon-search-1.v-nativebutton:before, .icon-search-1 > .v-button-wrap:before, .icon-search-1.v-label:before, .v-menubar-menuitem-icon-search-1:before { |
| content: "\e800"; |
| } |
| |
| .icon-user.v-nativebutton:before, .icon-user > .v-button-wrap:before, .icon-user.v-label:before, .v-menubar-menuitem-icon-user:before { |
| content: "\1f464"; |
| } |
| |
| .icon-users.v-nativebutton:before, .icon-users > .v-button-wrap:before, .icon-users.v-label:before, .v-menubar-menuitem-icon-users:before { |
| content: "\1f465"; |
| } |
| |
| .icon-monitor.v-nativebutton:before, .icon-monitor > .v-button-wrap:before, .icon-monitor.v-label:before, .v-menubar-menuitem-icon-monitor:before { |
| content: "\1f4bb"; |
| } |
| |
| .icon-folder.v-nativebutton:before, .icon-folder > .v-button-wrap:before, .icon-folder.v-label:before, .v-menubar-menuitem-icon-folder:before { |
| content: "\1f4c1"; |
| } |
| |
| .icon-doc.v-nativebutton:before, .icon-doc > .v-button-wrap:before, .icon-doc.v-label:before, .v-menubar-menuitem-icon-doc:before { |
| content: "\1f4c4"; |
| } |
| |
| .icon-calendar.v-nativebutton:before, .icon-calendar > .v-button-wrap:before, .icon-calendar.v-label:before, .v-menubar-menuitem-icon-calendar:before { |
| content: "\1f4c5"; |
| } |
| |
| .icon-chart.v-nativebutton:before, .icon-chart > .v-button-wrap:before, .icon-chart.v-label:before, .v-menubar-menuitem-icon-chart:before { |
| content: "\1f4c8"; |
| } |
| |
| .icon-attach.v-nativebutton:before, .icon-attach > .v-button-wrap:before, .icon-attach.v-label:before, .v-menubar-menuitem-icon-attach:before { |
| content: "\1f4ce"; |
| } |
| |
| .icon-upload.v-nativebutton:before, .icon-upload > .v-button-wrap:before, .icon-upload.v-label:before, .v-menubar-menuitem-icon-upload:before { |
| content: "\1f4e4"; |
| } |
| |
| .icon-download.v-nativebutton:before, .icon-download > .v-button-wrap:before, .icon-download.v-label:before, .v-menubar-menuitem-icon-download:before { |
| content: "\1f4e5"; |
| } |
| |
| .icon-mobile.v-nativebutton:before, .icon-mobile > .v-button-wrap:before, .icon-mobile.v-label:before, .v-menubar-menuitem-icon-mobile:before { |
| content: "\1f4f1"; |
| } |
| |
| .icon-camera.v-nativebutton:before, .icon-camera > .v-button-wrap:before, .icon-camera.v-label:before, .v-menubar-menuitem-icon-camera:before { |
| content: "\1f4f7"; |
| } |
| |
| .icon-lock.v-nativebutton:before, .icon-lock > .v-button-wrap:before, .icon-lock.v-label:before, .v-menubar-menuitem-icon-lock:before { |
| content: "\1f512"; |
| } |
| |
| .icon-lock-open.v-nativebutton:before, .icon-lock-open > .v-button-wrap:before, .icon-lock-open.v-label:before, .v-menubar-menuitem-icon-lock-open:before { |
| content: "\1f513"; |
| } |
| |
| .icon-bell.v-nativebutton:before, .icon-bell > .v-button-wrap:before, .icon-bell.v-label:before, .v-menubar-menuitem-icon-bell:before { |
| content: "\1f514"; |
| } |
| |
| .icon-link.v-nativebutton:before, .icon-link > .v-button-wrap:before, .icon-link.v-label:before, .v-menubar-menuitem-icon-link:before { |
| content: "\1f517"; |
| } |
| |
| .icon-clock.v-nativebutton:before, .icon-clock > .v-button-wrap:before, .icon-clock.v-label:before, .v-menubar-menuitem-icon-clock:before { |
| content: "\1f554"; |
| } |
| |
| .icon-block.v-nativebutton:before, .icon-block > .v-button-wrap:before, .icon-block.v-label:before, .v-menubar-menuitem-icon-block:before { |
| content: "\1f6ab"; |
| } |
| |
| @font-face { |
| font-family: "ThemeIcons"; |
| src: url(fonts/themeicons-webfont.eot); |
| src: url(fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/themeicons-webfont.woff) format("woff"), url(fonts/themeicons-webfont.ttf) format("truetype"), url(fonts/themeicons-webfont.svg#icomoon) format("svg"); |
| } |
| |
| @font-face { |
| font-family: "FontAwesome"; |
| src: url(fonts/fontawesome-webfont.eot); |
| src: url(fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#icomoon) format("svg"); |
| } |
| |
| [class^="fa-"], [class*=" fa-"] { |
| font-family: "FontAwesome"; |
| speak: none; |
| font-style: normal; |
| font-weight: normal; |
| font-variant: normal; |
| text-transform: none; |
| line-height: 1; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
| |
| [class^="vi-"], [class*=" vi-"] { |
| font-family: "Vaadin-Icons"; |
| speak: none; |
| font-style: normal; |
| font-weight: normal; |
| font-variant: normal; |
| text-transform: none; |
| line-height: 1; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
| |
| .fa-glass .v-button-caption:before { |
| content: "\f000"; |
| } |
| |
| .fa-music .v-button-caption:before { |
| content: "\f001"; |
| } |
| |
| .fa-search .v-button-caption:before { |
| content: "\f002"; |
| } |
| |
| .fa-envelope-o .v-button-caption:before { |
| content: "\f003"; |
| } |
| |
| .fa-heart .v-button-caption:before { |
| content: "\f004"; |
| } |
| |
| .fa-star .v-button-caption:before { |
| content: "\f005"; |
| } |
| |
| .fa-star-o .v-button-caption:before { |
| content: "\f006"; |
| } |
| |
| .fa-user .v-button-caption:before { |
| content: "\f007"; |
| } |
| |
| .fa-film .v-button-caption:before { |
| content: "\f008"; |
| } |
| |
| .fa-th-large .v-button-caption:before { |
| content: "\f009"; |
| } |
| |
| .fa-th .v-button-caption:before { |
| content: "\f00a"; |
| } |
| |
| .fa-th-list .v-button-caption:before { |
| content: "\f00b"; |
| } |
| |
| .fa-check .v-button-caption:before { |
| content: "\f00c"; |
| } |
| |
| .fa-close .v-button-caption:before { |
| content: "\f00d"; |
| } |
| |
| .fa-remove .v-button-caption:before { |
| content: "\f00d"; |
| } |
| |
| .fa-times .v-button-caption:before { |
| content: "\f00d"; |
| } |
| |
| .fa-search-plus .v-button-caption:before { |
| content: "\f00e"; |
| } |
| |
| .fa-search-minus .v-button-caption:before { |
| content: "\f010"; |
| } |
| |
| .fa-power-off .v-button-caption:before { |
| content: "\f011"; |
| } |
| |
| .fa-signal .v-button-caption:before { |
| content: "\f012"; |
| } |
| |
| .fa-cog .v-button-caption:before { |
| content: "\f013"; |
| } |
| |
| .fa-gear .v-button-caption:before { |
| content: "\f013"; |
| } |
| |
| .fa-trash-o .v-button-caption:before { |
| content: "\f014"; |
| } |
| |
| .fa-home .v-button-caption:before { |
| content: "\f015"; |
| } |
| |
| .fa-file-o .v-button-caption:before { |
| content: "\f016"; |
| } |
| |
| .fa-clock-o .v-button-caption:before { |
| content: "\f017"; |
| } |
| |
| .fa-road .v-button-caption:before { |
| content: "\f018"; |
| } |
| |
| .fa-download .v-button-caption:before { |
| content: "\f019"; |
| } |
| |
| .fa-arrow-circle-o-down .v-button-caption:before { |
| content: "\f01a"; |
| } |
| |
| .fa-arrow-circle-o-up .v-button-caption:before { |
| content: "\f01b"; |
| } |
| |
| .fa-inbox .v-button-caption:before { |
| content: "\f01c"; |
| } |
| |
| .fa-play-circle-o .v-button-caption:before { |
| content: "\f01d"; |
| } |
| |
| .fa-repeat .v-button-caption:before { |
| content: "\f01e"; |
| } |
| |
| .fa-rotate-right .v-button-caption:before { |
| content: "\f01e"; |
| } |
| |
| .fa-refresh .v-button-caption:before { |
| content: "\f021"; |
| } |
| |
| .fa-list-alt .v-button-caption:before { |
| content: "\f022"; |
| } |
| |
| .fa-lock .v-button-caption:before { |
| content: "\f023"; |
| } |
| |
| .fa-flag .v-button-caption:before { |
| content: "\f024"; |
| } |
| |
| .fa-headphones .v-button-caption:before { |
| content: "\f025"; |
| } |
| |
| .fa-volume-off .v-button-caption:before { |
| content: "\f026"; |
| } |
| |
| .fa-volume-down .v-button-caption:before { |
| content: "\f027"; |
| } |
| |
| .fa-volume-up .v-button-caption:before { |
| content: "\f028"; |
| } |
| |
| .fa-qrcode .v-button-caption:before { |
| content: "\f029"; |
| } |
| |
| .fa-barcode .v-button-caption:before { |
| content: "\f02a"; |
| } |
| |
| .fa-tag .v-button-caption:before { |
| content: "\f02b"; |
| } |
| |
| .fa-tags .v-button-caption:before { |
| content: "\f02c"; |
| } |
| |
| .fa-book2 .v-button-caption:before { |
| content: "\f02d"; |
| } |
| |
| .fa-bookmark .v-button-caption:before { |
| content: "\f02e"; |
| } |
| |
| .fa-print .v-button-caption:before { |
| content: "\f02f"; |
| } |
| |
| .fa-camera .v-button-caption:before { |
| content: "\f030"; |
| } |
| |
| .fa-font .v-button-caption:before { |
| content: "\f031"; |
| } |
| |
| .fa-bold .v-button-caption:before { |
| content: "\f032"; |
| } |
| |
| .fa-italic .v-button-caption:before { |
| content: "\f033"; |
| } |
| |
| .fa-text-height .v-button-caption:before { |
| content: "\f034"; |
| } |
| |
| .fa-text-width .v-button-caption:before { |
| content: "\f035"; |
| } |
| |
| .fa-align-left .v-button-caption:before { |
| content: "\f036"; |
| } |
| |
| .fa-align-center .v-button-caption:before { |
| content: "\f037"; |
| } |
| |
| .fa-align-right .v-button-caption:before { |
| content: "\f038"; |
| } |
| |
| .fa-align-justify .v-button-caption:before { |
| content: "\f039"; |
| } |
| |
| .fa-list .v-button-caption:before { |
| content: "\f03a"; |
| } |
| |
| .fa-dedent .v-button-caption:before { |
| content: "\f03b"; |
| } |
| |
| .fa-outdent .v-button-caption:before { |
| content: "\f03b"; |
| } |
| |
| .fa-indent .v-button-caption:before { |
| content: "\f03c"; |
| } |
| |
| .fa-video-camera .v-button-caption:before { |
| content: "\f03d"; |
| } |
| |
| .fa-image .v-button-caption:before { |
| content: "\f03e"; |
| } |
| |
| .fa-photo .v-button-caption:before { |
| content: "\f03e"; |
| } |
| |
| .fa-picture-o .v-button-caption:before { |
| content: "\f03e"; |
| } |
| |
| .fa-pencil .v-button-caption:before { |
| content: "\f040"; |
| } |
| |
| .fa-map-marker .v-button-caption:before { |
| content: "\f041"; |
| } |
| |
| .fa-adjust .v-button-caption:before { |
| content: "\f042"; |
| } |
| |
| .fa-tint .v-button-caption:before { |
| content: "\f043"; |
| } |
| |
| .fa-edit .v-button-caption:before { |
| content: "\f044"; |
| } |
| |
| .fa-pencil-square-o .v-button-caption:before { |
| content: "\f044"; |
| } |
| |
| .fa-share-square-o .v-button-caption:before { |
| content: "\f045"; |
| } |
| |
| .fa-check-square-o .v-button-caption:before { |
| content: "\f046"; |
| } |
| |
| .fa-arrows .v-button-caption:before { |
| content: "\f047"; |
| } |
| |
| .fa-step-backward .v-button-caption:before { |
| content: "\f048"; |
| } |
| |
| .fa-fast-backward .v-button-caption:before { |
| content: "\f049"; |
| } |
| |
| .fa-backward .v-button-caption:before { |
| content: "\f04a"; |
| } |
| |
| .fa-play .v-button-caption:before { |
| content: "\f04b"; |
| } |
| |
| .fa-pause .v-button-caption:before { |
| content: "\f04c"; |
| } |
| |
| .fa-stop .v-button-caption:before { |
| content: "\f04d"; |
| } |
| |
| .fa-forward .v-button-caption:before { |
| content: "\f04e"; |
| } |
| |
| .fa-fast-forward .v-button-caption:before { |
| content: "\f050"; |
| } |
| |
| .fa-step-forward .v-button-caption:before { |
| content: "\f051"; |
| } |
| |
| .fa-eject .v-button-caption:before { |
| content: "\f052"; |
| } |
| |
| .fa-chevron-left .v-button-caption:before { |
| content: "\f053"; |
| } |
| |
| .fa-chevron-right .v-button-caption:before { |
| content: "\f054"; |
| } |
| |
| .fa-plus-circle .v-button-caption:before { |
| content: "\f055"; |
| } |
| |
| .fa-minus-circle .v-button-caption:before { |
| content: "\f056"; |
| } |
| |
| .fa-times-circle .v-button-caption:before { |
| content: "\f057"; |
| } |
| |
| .fa-check-circle .v-button-caption:before { |
| content: "\f058"; |
| } |
| |
| .fa-question-circle .v-button-caption:before { |
| content: "\f059"; |
| } |
| |
| .fa-info-circle .v-button-caption:before { |
| content: "\f05a"; |
| } |
| |
| .fa-crosshairs .v-button-caption:before { |
| content: "\f05b"; |
| } |
| |
| .fa-times-circle-o .v-button-caption:before { |
| content: "\f05c"; |
| } |
| |
| .fa-check-circle-o .v-button-caption:before { |
| content: "\f05d"; |
| } |
| |
| .fa-ban .v-button-caption:before { |
| content: "\f05e"; |
| } |
| |
| .fa-arrow-left .v-button-caption:before { |
| content: "\f060"; |
| } |
| |
| .fa-arrow-right .v-button-caption:before { |
| content: "\f061"; |
| } |
| |
| .fa-arrow-up .v-button-caption:before { |
| content: "\f062"; |
| } |
| |
| .fa-arrow-down .v-button-caption:before { |
| content: "\f063"; |
| } |
| |
| .fa-mail-forward .v-button-caption:before { |
| content: "\f064"; |
| } |
| |
| .fa-share .v-button-caption:before { |
| content: "\f064"; |
| } |
| |
| .fa-expand .v-button-caption:before { |
| content: "\f065"; |
| } |
| |
| .fa-compress .v-button-caption:before { |
| content: "\f066"; |
| } |
| |
| .fa-plus .v-button-caption:before { |
| content: "\f067"; |
| } |
| |
| .fa-minus .v-button-caption:before { |
| content: "\f068"; |
| } |
| |
| .fa-asterisk .v-button-caption:before { |
| content: "\f069"; |
| } |
| |
| .fa-exclamation-circle .v-button-caption:before { |
| content: "\f06a"; |
| } |
| |
| .fa-gift .v-button-caption:before { |
| content: "\f06b"; |
| } |
| |
| .fa-leaf .v-button-caption:before { |
| content: "\f06c"; |
| } |
| |
| .fa-fire .v-button-caption:before { |
| content: "\f06d"; |
| } |
| |
| .fa-eye .v-button-caption:before { |
| content: "\f06e"; |
| } |
| |
| .fa-eye-slash .v-button-caption:before { |
| content: "\f070"; |
| } |
| |
| .fa-exclamation-triangle .v-button-caption:before { |
| content: "\f071"; |
| } |
| |
| .fa-warning .v-button-caption:before { |
| content: "\f071"; |
| } |
| |
| .fa-plane .v-button-caption:before { |
| content: "\f072"; |
| } |
| |
| .fa-calendar .v-button-caption:before { |
| content: "\f073"; |
| } |
| |
| .fa-random2 .v-button-caption:before { |
| content: "\f074"; |
| } |
| |
| .fa-comment2 .v-button-caption:before { |
| content: "\f075"; |
| } |
| |
| .fa-magnet .v-button-caption:before { |
| content: "\f076"; |
| } |
| |
| .fa-chevron-up .v-button-caption:before { |
| content: "\f077"; |
| } |
| |
| .fa-chevron-down .v-button-caption:before { |
| content: "\f078"; |
| } |
| |
| .fa-retweet2 .v-button-caption:before { |
| content: "\f079"; |
| } |
| |
| .fa-shopping-cart .v-button-caption:before { |
| content: "\f07a"; |
| } |
| |
| .fa-folder .v-button-caption:before { |
| content: "\f07b"; |
| } |
| |
| .fa-folder-open .v-button-caption:before { |
| content: "\f07c"; |
| } |
| |
| .fa-arrows-v .v-button-caption:before { |
| content: "\f07d"; |
| } |
| |
| .fa-arrows-h .v-button-caption:before { |
| content: "\f07e"; |
| } |
| |
| .fa-bar-chart2 .v-button-caption:before { |
| content: "\f080"; |
| } |
| |
| .fa-bar-chart-o .v-button-caption:before { |
| content: "\f080"; |
| } |
| |
| .fa-twitter-square .v-button-caption:before { |
| content: "\f081"; |
| } |
| |
| .fa-facebook-square .v-button-caption:before { |
| content: "\f082"; |
| } |
| |
| .fa-camera-retro .v-button-caption:before { |
| content: "\f083"; |
| } |
| |
| .fa-key .v-button-caption:before { |
| content: "\f084"; |
| } |
| |
| .fa-cogs .v-button-caption:before { |
| content: "\f085"; |
| } |
| |
| .fa-gears .v-button-caption:before { |
| content: "\f085"; |
| } |
| |
| .fa-comments .v-button-caption:before { |
| content: "\f086"; |
| } |
| |
| .fa-thumbs-o-up .v-button-caption:before { |
| content: "\f087"; |
| } |
| |
| .fa-thumbs-o-down .v-button-caption:before { |
| content: "\f088"; |
| } |
| |
| .fa-star-half .v-button-caption:before { |
| content: "\f089"; |
| } |
| |
| .fa-heart-o .v-button-caption:before { |
| content: "\f08a"; |
| } |
| |
| .fa-sign-out .v-button-caption:before { |
| content: "\f08b"; |
| } |
| |
| .fa-linkedin-square .v-button-caption:before { |
| content: "\f08c"; |
| } |
| |
| .fa-thumb-tack .v-button-caption:before { |
| content: "\f08d"; |
| } |
| |
| .fa-external-link .v-button-caption:before { |
| content: "\f08e"; |
| } |
| |
| .fa-sign-in2 .v-button-caption:before { |
| content: "\f090"; |
| } |
| |
| .fa-trophy .v-button-caption:before { |
| content: "\f091"; |
| } |
| |
| .fa-github-square .v-button-caption:before { |
| content: "\f092"; |
| } |
| |
| .fa-upload3 .v-button-caption:before { |
| content: "\f093"; |
| } |
| |
| .fa-lemon-o .v-button-caption:before { |
| content: "\f094"; |
| } |
| |
| .fa-phone .v-button-caption:before { |
| content: "\f095"; |
| } |
| |
| .fa-square-o .v-button-caption:before { |
| content: "\f096"; |
| } |
| |
| .fa-bookmark-o .v-button-caption:before { |
| content: "\f097"; |
| } |
| |
| .fa-phone-square .v-button-caption:before { |
| content: "\f098"; |
| } |
| |
| .fa-twitter .v-button-caption:before { |
| content: "\f099"; |
| } |
| |
| .fa-facebook .v-button-caption:before { |
| content: "\f09a"; |
| } |
| |
| .fa-facebook-f .v-button-caption:before { |
| content: "\f09a"; |
| } |
| |
| .fa-github .v-button-caption:before { |
| content: "\f09b"; |
| } |
| |
| .fa-unlock .v-button-caption:before { |
| content: "\f09c"; |
| } |
| |
| .fa-credit-card .v-button-caption:before { |
| content: "\f09d"; |
| } |
| |
| .fa-feed .v-button-caption:before { |
| content: "\f09e"; |
| } |
| |
| .fa-rss .v-button-caption:before { |
| content: "\f09e"; |
| } |
| |
| .fa-hdd-o .v-button-caption:before { |
| content: "\f0a0"; |
| } |
| |
| .fa-bullhorn .v-button-caption:before { |
| content: "\f0a1"; |
| } |
| |
| .fa-bell-o .v-button-caption:before { |
| content: "\f0a2"; |
| } |
| |
| .fa-certificate .v-button-caption:before { |
| content: "\f0a3"; |
| } |
| |
| .fa-hand-o-right .v-button-caption:before { |
| content: "\f0a4"; |
| } |
| |
| .fa-hand-o-left .v-button-caption:before { |
| content: "\f0a5"; |
| } |
| |
| .fa-hand-o-up .v-button-caption:before { |
| content: "\f0a6"; |
| } |
| |
| .fa-hand-o-down .v-button-caption:before { |
| content: "\f0a7"; |
| } |
| |
| .fa-arrow-circle-left .v-button-caption:before { |
| content: "\f0a8"; |
| } |
| |
| .fa-arrow-circle-right .v-button-caption:before { |
| content: "\f0a9"; |
| } |
| |
| .fa-arrow-circle-up .v-button-caption:before { |
| content: "\f0aa"; |
| } |
| |
| .fa-arrow-circle-down .v-button-caption:before { |
| content: "\f0ab"; |
| } |
| |
| .fa-globe .v-button-caption:before { |
| content: "\f0ac"; |
| } |
| |
| .fa-wrench .v-button-caption:before { |
| content: "\f0ad"; |
| } |
| |
| .fa-tasks2 .v-button-caption:before { |
| content: "\f0ae"; |
| } |
| |
| .fa-filter2 .v-button-caption:before { |
| content: "\f0b0"; |
| } |
| |
| .fa-briefcase .v-button-caption:before { |
| content: "\f0b1"; |
| } |
| |
| .fa-arrows-alt .v-button-caption:before { |
| content: "\f0b2"; |
| } |
| |
| .fa-group .v-button-caption:before { |
| content: "\f0c0"; |
| } |
| |
| .fa-users .v-button-caption:before { |
| content: "\f0c0"; |
| } |
| |
| .fa-chain .v-button-caption:before { |
| content: "\f0c1"; |
| } |
| |
| .fa-link .v-button-caption:before { |
| content: "\f0c1"; |
| } |
| |
| .fa-cloud .v-button-caption:before { |
| content: "\f0c2"; |
| } |
| |
| .fa-flask .v-button-caption:before { |
| content: "\f0c3"; |
| } |
| |
| .fa-cut .v-button-caption:before { |
| content: "\f0c4"; |
| } |
| |
| .fa-scissors .v-button-caption:before { |
| content: "\f0c4"; |
| } |
| |
| .fa-copy .v-button-caption:before { |
| content: "\f0c5"; |
| } |
| |
| .fa-files-o .v-button-caption:before { |
| content: "\f0c5"; |
| } |
| |
| .fa-paperclip .v-button-caption:before { |
| content: "\f0c6"; |
| } |
| |
| .fa-floppy-o .v-button-caption:before { |
| content: "\f0c7"; |
| } |
| |
| .fa-save .v-button-caption:before { |
| content: "\f0c7"; |
| } |
| |
| .fa-square .v-button-caption:before { |
| content: "\f0c8"; |
| } |
| |
| .fa-bars .v-button-caption:before { |
| content: "\f0c9"; |
| } |
| |
| .fa-navicon .v-button-caption:before { |
| content: "\f0c9"; |
| } |
| |
| .fa-reorder .v-button-caption:before { |
| content: "\f0c9"; |
| } |
| |
| .fa-list-ul .v-button-caption:before { |
| content: "\f0ca"; |
| } |
| |
| .fa-list-ol .v-button-caption:before { |
| content: "\f0cb"; |
| } |
| |
| .fa-strikethrough .v-button-caption:before { |
| content: "\f0cc"; |
| } |
| |
| .fa-underline .v-button-caption:before { |
| content: "\f0cd"; |
| } |
| |
| .fa-table2 .v-button-caption:before { |
| content: "\f0ce"; |
| } |
| |
| .fa-magic .v-button-caption:before { |
| content: "\f0d0"; |
| } |
| |
| .fa-truck .v-button-caption:before { |
| content: "\f0d1"; |
| } |
| |
| .fa-pinterest .v-button-caption:before { |
| content: "\f0d2"; |
| } |
| |
| .fa-pinterest-square .v-button-caption:before { |
| content: "\f0d3"; |
| } |
| |
| .fa-google-plus-square .v-button-caption:before { |
| content: "\f0d4"; |
| } |
| |
| .fa-google-plus .v-button-caption:before { |
| content: "\f0d5"; |
| } |
| |
| .fa-money .v-button-caption:before { |
| content: "\f0d6"; |
| } |
| |
| .fa-caret-down .v-button-caption:before { |
| content: "\f0d7"; |
| } |
| |
| .fa-caret-up .v-button-caption:before { |
| content: "\f0d8"; |
| } |
| |
| .fa-caret-left .v-button-caption:before { |
| content: "\f0d9"; |
| } |
| |
| .fa-caret-right .v-button-caption:before { |
| content: "\f0da"; |
| } |
| |
| .fa-columns .v-button-caption:before { |
| content: "\f0db"; |
| } |
| |
| .fa-sort .v-button-caption:before { |
| content: "\f0dc"; |
| } |
| |
| .fa-unsorted .v-button-caption:before { |
| content: "\f0dc"; |
| } |
| |
| .fa-sort-desc .v-button-caption:before { |
| content: "\f0dd"; |
| } |
| |
| .fa-sort-down .v-button-caption:before { |
| content: "\f0dd"; |
| } |
| |
| .fa-sort-asc .v-button-caption:before { |
| content: "\f0de"; |
| } |
| |
| .fa-sort-up .v-button-caption:before { |
| content: "\f0de"; |
| } |
| |
| .fa-envelope .v-button-caption:before { |
| content: "\f0e0"; |
| } |
| |
| .fa-linkedin .v-button-caption:before { |
| content: "\f0e1"; |
| } |
| |
| .fa-rotate-left .v-button-caption:before { |
| content: "\f0e2"; |
| } |
| |
| .fa-undo .v-button-caption:before { |
| content: "\f0e2"; |
| } |
| |
| .fa-gavel .v-button-caption:before { |
| content: "\f0e3"; |
| } |
| |
| .fa-legal .v-button-caption:before { |
| content: "\f0e3"; |
| } |
| |
| .fa-dashboard .v-button-caption:before { |
| content: "\f0e4"; |
| } |
| |
| .fa-tachometer .v-button-caption:before { |
| content: "\f0e4"; |
| } |
| |
| .fa-comment-o2 .v-button-caption:before { |
| content: "\f0e5"; |
| } |
| |
| .fa-comments-o .v-button-caption:before { |
| content: "\f0e6"; |
| } |
| |
| .fa-bolt .v-button-caption:before { |
| content: "\f0e7"; |
| } |
| |
| .fa-flash .v-button-caption:before { |
| content: "\f0e7"; |
| } |
| |
| .fa-sitemap2 .v-button-caption:before { |
| content: "\f0e8"; |
| } |
| |
| .fa-umbrella .v-button-caption:before { |
| content: "\f0e9"; |
| } |
| |
| .fa-clipboard .v-button-caption:before { |
| content: "\f0ea"; |
| } |
| |
| .fa-paste .v-button-caption:before { |
| content: "\f0ea"; |
| } |
| |
| .fa-lightbulb-o .v-button-caption:before { |
| content: "\f0eb"; |
| } |
| |
| .fa-exchange .v-button-caption:before { |
| content: "\f0ec"; |
| } |
| |
| .fa-cloud-download .v-button-caption:before { |
| content: "\f0ed"; |
| } |
| |
| .fa-cloud-upload .v-button-caption:before { |
| content: "\f0ee"; |
| } |
| |
| .fa-user-md .v-button-caption:before { |
| content: "\f0f0"; |
| } |
| |
| .fa-stethoscope .v-button-caption:before { |
| content: "\f0f1"; |
| } |
| |
| .fa-suitcase .v-button-caption:before { |
| content: "\f0f2"; |
| } |
| |
| .fa-bell .v-button-caption:before { |
| content: "\f0f3"; |
| } |
| |
| .fa-coffee .v-button-caption:before { |
| content: "\f0f4"; |
| } |
| |
| .fa-cutlery .v-button-caption:before { |
| content: "\f0f5"; |
| } |
| |
| .fa-file-text-o2 .v-button-caption:before { |
| content: "\f0f6"; |
| } |
| |
| .fa-building-o .v-button-caption:before { |
| content: "\f0f7"; |
| } |
| |
| .fa-hospital-o .v-button-caption:before { |
| content: "\f0f8"; |
| } |
| |
| .fa-ambulance .v-button-caption:before { |
| content: "\f0f9"; |
| } |
| |
| .fa-medkit .v-button-caption:before { |
| content: "\f0fa"; |
| } |
| |
| .fa-fighter-jet .v-button-caption:before { |
| content: "\f0fb"; |
| } |
| |
| .fa-beer .v-button-caption:before { |
| content: "\f0fc"; |
| } |
| |
| .fa-h-square .v-button-caption:before { |
| content: "\f0fd"; |
| } |
| |
| .fa-plus-square .v-button-caption:before { |
| content: "\f0fe"; |
| } |
| |
| .fa-angle-double-left .v-button-caption:before { |
| content: "\f100"; |
| } |
| |
| .fa-angle-double-right .v-button-caption:before { |
| content: "\f101"; |
| } |
| |
| .fa-angle-double-up .v-button-caption:before { |
| content: "\f102"; |
| } |
| |
| .fa-angle-double-down .v-button-caption:before { |
| content: "\f103"; |
| } |
| |
| .fa-angle-left .v-button-caption:before { |
| content: "\f104"; |
| } |
| |
| .fa-angle-right .v-button-caption:before { |
| content: "\f105"; |
| } |
| |
| .fa-angle-up .v-button-caption:before { |
| content: "\f106"; |
| } |
| |
| .fa-angle-down .v-button-caption:before { |
| content: "\f107"; |
| } |
| |
| .fa-desktop .v-button-caption:before { |
| content: "\f108"; |
| } |
| |
| .fa-laptop .v-button-caption:before { |
| content: "\f109"; |
| } |
| |
| .fa-tablet .v-button-caption:before { |
| content: "\f10a"; |
| } |
| |
| .fa-mobile .v-button-caption:before { |
| content: "\f10b"; |
| } |
| |
| .fa-mobile-phone .v-button-caption:before { |
| content: "\f10b"; |
| } |
| |
| .fa-circle-o .v-button-caption:before { |
| content: "\f10c"; |
| } |
| |
| .fa-quote-left .v-button-caption:before { |
| content: "\f10d"; |
| } |
| |
| .fa-quote-right .v-button-caption:before { |
| content: "\f10e"; |
| } |
| |
| .fa-spinner .v-button-caption:before { |
| content: "\f110"; |
| } |
| |
| .fa-circle .v-button-caption:before { |
| content: "\f111"; |
| } |
| |
| .fa-mail-reply .v-button-caption:before { |
| content: "\f112"; |
| } |
| |
| .fa-reply .v-button-caption:before { |
| content: "\f112"; |
| } |
| |
| .fa-github-alt .v-button-caption:before { |
| content: "\f113"; |
| } |
| |
| .fa-folder-o .v-button-caption:before { |
| content: "\f114"; |
| } |
| |
| .fa-folder-open-o .v-button-caption:before { |
| content: "\f115"; |
| } |
| |
| .fa-smile-o .v-button-caption:before { |
| content: "\f118"; |
| } |
| |
| .fa-frown-o .v-button-caption:before { |
| content: "\f119"; |
| } |
| |
| .fa-meh-o .v-button-caption:before { |
| content: "\f11a"; |
| } |
| |
| .fa-gamepad .v-button-caption:before { |
| content: "\f11b"; |
| } |
| |
| .fa-keyboard-o .v-button-caption:before { |
| content: "\f11c"; |
| } |
| |
| .fa-flag-o .v-button-caption:before { |
| content: "\f11d"; |
| } |
| |
| .fa-flag-checkered .v-button-caption:before { |
| content: "\f11e"; |
| } |
| |
| .fa-terminal .v-button-caption:before { |
| content: "\f120"; |
| } |
| |
| .fa-code .v-button-caption:before { |
| content: "\f121"; |
| } |
| |
| .fa-mail-reply-all .v-button-caption:before { |
| content: "\f122"; |
| } |
| |
| .fa-reply-all .v-button-caption:before { |
| content: "\f122"; |
| } |
| |
| .fa-star-half-empty .v-button-caption:before { |
| content: "\f123"; |
| } |
| |
| .fa-star-half-full .v-button-caption:before { |
| content: "\f123"; |
| } |
| |
| .fa-star-half-o .v-button-caption:before { |
| content: "\f123"; |
| } |
| |
| .fa-location-arrow .v-button-caption:before { |
| content: "\f124"; |
| } |
| |
| .fa-crop .v-button-caption:before { |
| content: "\f125"; |
| } |
| |
| .fa-code-fork .v-button-caption:before { |
| content: "\f126"; |
| } |
| |
| .fa-chain-broken .v-button-caption:before { |
| content: "\f127"; |
| } |
| |
| .fa-unlink .v-button-caption:before { |
| content: "\f127"; |
| } |
| |
| .fa-question .v-button-caption:before { |
| content: "\f128"; |
| } |
| |
| .fa-info .v-button-caption:before { |
| content: "\f129"; |
| } |
| |
| .fa-exclamation .v-button-caption:before { |
| content: "\f12a"; |
| } |
| |
| .fa-superscript .v-button-caption:before { |
| content: "\f12b"; |
| } |
| |
| .fa-subscript .v-button-caption:before { |
| content: "\f12c"; |
| } |
| |
| .fa-eraser .v-button-caption:before { |
| content: "\f12d"; |
| } |
| |
| .fa-puzzle-piece2 .v-button-caption:before { |
| content: "\f12e"; |
| } |
| |
| .fa-microphone .v-button-caption:before { |
| content: "\f130"; |
| } |
| |
| .fa-microphone-slash .v-button-caption:before { |
| content: "\f131"; |
| } |
| |
| .fa-shield .v-button-caption:before { |
| content: "\f132"; |
| } |
| |
| .fa-calendar-o .v-button-caption:before { |
| content: "\f133"; |
| } |
| |
| .fa-fire-extinguisher .v-button-caption:before { |
| content: "\f134"; |
| } |
| |
| .fa-rocket .v-button-caption:before { |
| content: "\f135"; |
| } |
| |
| .fa-maxcdn .v-button-caption:before { |
| content: "\f136"; |
| } |
| |
| .fa-chevron-circle-left .v-button-caption:before { |
| content: "\f137"; |
| } |
| |
| .fa-chevron-circle-right .v-button-caption:before { |
| content: "\f138"; |
| } |
| |
| .fa-chevron-circle-up .v-button-caption:before { |
| content: "\f139"; |
| } |
| |
| .fa-chevron-circle-down .v-button-caption:before { |
| content: "\f13a"; |
| } |
| |
| .fa-html5 .v-button-caption:before { |
| content: "\f13b"; |
| } |
| |
| .fa-css3 .v-button-caption:before { |
| content: "\f13c"; |
| } |
| |
| .fa-anchor .v-button-caption:before { |
| content: "\f13d"; |
| } |
| |
| .fa-unlock-alt .v-button-caption:before { |
| content: "\f13e"; |
| } |
| |
| .fa-bullseye .v-button-caption:before { |
| content: "\f140"; |
| } |
| |
| .fa-ellipsis-h .v-button-caption:before { |
| content: "\f141"; |
| } |
| |
| .fa-ellipsis-v .v-button-caption:before { |
| content: "\f142"; |
| } |
| |
| .fa-rss-square .v-button-caption:before { |
| content: "\f143"; |
| } |
| |
| .fa-play-circle .v-button-caption:before { |
| content: "\f144"; |
| } |
| |
| .fa-ticket .v-button-caption:before { |
| content: "\f145"; |
| } |
| |
| .fa-minus-square .v-button-caption:before { |
| content: "\f146"; |
| } |
| |
| .fa-minus-square-o .v-button-caption:before { |
| content: "\f147"; |
| } |
| |
| .fa-level-up .v-button-caption:before { |
| content: "\f148"; |
| } |
| |
| .fa-level-down .v-button-caption:before { |
| content: "\f149"; |
| } |
| |
| .fa-check-square .v-button-caption:before { |
| content: "\f14a"; |
| } |
| |
| .fa-pencil-square .v-button-caption:before { |
| content: "\f14b"; |
| } |
| |
| .fa-external-link-square .v-button-caption:before { |
| content: "\f14c"; |
| } |
| |
| .fa-share-square .v-button-caption:before { |
| content: "\f14d"; |
| } |
| |
| .fa-compass .v-button-caption:before { |
| content: "\f14e"; |
| } |
| |
| .fa-caret-square-o-down .v-button-caption:before { |
| content: "\f150"; |
| } |
| |
| .fa-toggle-down .v-button-caption:before { |
| content: "\f150"; |
| } |
| |
| .fa-caret-square-o-up .v-button-caption:before { |
| content: "\f151"; |
| } |
| |
| .fa-toggle-up .v-button-caption:before { |
| content: "\f151"; |
| } |
| |
| .fa-caret-square-o-right .v-button-caption:before { |
| content: "\f152"; |
| } |
| |
| .fa-toggle-right .v-button-caption:before { |
| content: "\f152"; |
| } |
| |
| .fa-eur .v-button-caption:before { |
| content: "\f153"; |
| } |
| |
| .fa-euro .v-button-caption:before { |
| content: "\f153"; |
| } |
| |
| .fa-gbp .v-button-caption:before { |
| content: "\f154"; |
| } |
| |
| .fa-dollar .v-button-caption:before { |
| content: "\f155"; |
| } |
| |
| .fa-usd .v-button-caption:before { |
| content: "\f155"; |
| } |
| |
| .fa-inr .v-button-caption:before { |
| content: "\f156"; |
| } |
| |
| .fa-rupee .v-button-caption:before { |
| content: "\f156"; |
| } |
| |
| .fa-cny .v-button-caption:before { |
| content: "\f157"; |
| } |
| |
| .fa-jpy .v-button-caption:before { |
| content: "\f157"; |
| } |
| |
| .fa-rmb .v-button-caption:before { |
| content: "\f157"; |
| } |
| |
| .fa-yen .v-button-caption:before { |
| content: "\f157"; |
| } |
| |
| .fa-rouble .v-button-caption:before { |
| content: "\f158"; |
| } |
| |
| .fa-rub .v-button-caption:before { |
| content: "\f158"; |
| } |
| |
| .fa-ruble .v-button-caption:before { |
| content: "\f158"; |
| } |
| |
| .fa-krw .v-button-caption:before { |
| content: "\f159"; |
| } |
| |
| .fa-won .v-button-caption:before { |
| content: "\f159"; |
| } |
| |
| .fa-bitcoin .v-button-caption:before { |
| content: "\f15a"; |
| } |
| |
| .fa-btc .v-button-caption:before { |
| content: "\f15a"; |
| } |
| |
| .fa-file .v-button-caption:before { |
| content: "\f15b"; |
| } |
| |
| .fa-file-text .v-button-caption:before { |
| content: "\f15c"; |
| } |
| |
| .fa-sort-alpha-asc .v-button-caption:before { |
| content: "\f15d"; |
| } |
| |
| .fa-sort-alpha-desc .v-button-caption:before { |
| content: "\f15e"; |
| } |
| |
| .fa-sort-amount-asc .v-button-caption:before { |
| content: "\f160"; |
| } |
| |
| .fa-sort-amount-desc .v-button-caption:before { |
| content: "\f161"; |
| } |
| |
| .fa-sort-numeric-asc .v-button-caption:before { |
| content: "\f162"; |
| } |
| |
| .fa-sort-numeric-desc .v-button-caption:before { |
| content: "\f163"; |
| } |
| |
| .fa-thumbs-up .v-button-caption:before { |
| content: "\f164"; |
| } |
| |
| .fa-thumbs-down .v-button-caption:before { |
| content: "\f165"; |
| } |
| |
| .fa-youtube-square .v-button-caption:before { |
| content: "\f166"; |
| } |
| |
| .fa-youtube .v-button-caption:before { |
| content: "\f167"; |
| } |
| |
| .fa-xing .v-button-caption:before { |
| content: "\f168"; |
| } |
| |
| .fa-xing-square .v-button-caption:before { |
| content: "\f169"; |
| } |
| |
| .fa-youtube-play .v-button-caption:before { |
| content: "\f16a"; |
| } |
| |
| .fa-dropbox .v-button-caption:before { |
| content: "\f16b"; |
| } |
| |
| .fa-stack-overflow .v-button-caption:before { |
| content: "\f16c"; |
| } |
| |
| .fa-instagram .v-button-caption:before { |
| content: "\f16d"; |
| } |
| |
| .fa-flickr .v-button-caption:before { |
| content: "\f16e"; |
| } |
| |
| .fa-adn .v-button-caption:before { |
| content: "\f170"; |
| } |
| |
| .fa-bitbucket .v-button-caption:before { |
| content: "\f171"; |
| } |
| |
| .fa-bitbucket-square .v-button-caption:before { |
| content: "\f172"; |
| } |
| |
| .fa-tumblr .v-button-caption:before { |
| content: "\f173"; |
| } |
| |
| .fa-tumblr-square .v-button-caption:before { |
| content: "\f174"; |
| } |
| |
| .fa-long-arrow-down .v-button-caption:before { |
| content: "\f175"; |
| } |
| |
| .fa-long-arrow-up .v-button-caption:before { |
| content: "\f176"; |
| } |
| |
| .fa-long-arrow-left .v-button-caption:before { |
| content: "\f177"; |
| } |
| |
| .fa-long-arrow-right .v-button-caption:before { |
| content: "\f178"; |
| } |
| |
| .fa-apple .v-button-caption:before { |
| content: "\f179"; |
| } |
| |
| .fa-windows .v-button-caption:before { |
| content: "\f17a"; |
| } |
| |
| .fa-android .v-button-caption:before { |
| content: "\f17b"; |
| } |
| |
| .fa-linux .v-button-caption:before { |
| content: "\f17c"; |
| } |
| |
| .fa-dribbble .v-button-caption:before { |
| content: "\f17d"; |
| } |
| |
| .fa-skype .v-button-caption:before { |
| content: "\f17e"; |
| } |
| |
| .fa-foursquare .v-button-caption:before { |
| content: "\f180"; |
| } |
| |
| .fa-trello .v-button-caption:before { |
| content: "\f181"; |
| } |
| |
| .fa-female .v-button-caption:before { |
| content: "\f182"; |
| } |
| |
| .fa-male .v-button-caption:before { |
| content: "\f183"; |
| } |
| |
| .fa-gittip .v-button-caption:before { |
| content: "\f184"; |
| } |
| |
| .fa-gratipay .v-button-caption:before { |
| content: "\f184"; |
| } |
| |
| .fa-sun-o .v-button-caption:before { |
| content: "\f185"; |
| } |
| |
| .fa-moon-o .v-button-caption:before { |
| content: "\f186"; |
| } |
| |
| .fa-archive2 .v-button-caption:before { |
| content: "\f187"; |
| } |
| |
| .fa-bug .v-button-caption:before { |
| content: "\f188"; |
| } |
| |
| .fa-vk .v-button-caption:before { |
| content: "\f189"; |
| } |
| |
| .fa-weibo .v-button-caption:before { |
| content: "\f18a"; |
| } |
| |
| .fa-renren .v-button-caption:before { |
| content: "\f18b"; |
| } |
| |
| .fa-pagelines .v-button-caption:before { |
| content: "\f18c"; |
| } |
| |
| .fa-stack-exchange .v-button-caption:before { |
| content: "\f18d"; |
| } |
| |
| .fa-arrow-circle-o-right .v-button-caption:before { |
| content: "\f18e"; |
| } |
| |
| .fa-arrow-circle-o-left .v-button-caption:before { |
| content: "\f190"; |
| } |
| |
| .fa-caret-square-o-left .v-button-caption:before { |
| content: "\f191"; |
| } |
| |
| .fa-toggle-left .v-button-caption:before { |
| content: "\f191"; |
| } |
| |
| .fa-dot-circle-o .v-button-caption:before { |
| content: "\f192"; |
| } |
| |
| .fa-wheelchair .v-button-caption:before { |
| content: "\f193"; |
| } |
| |
| .fa-vimeo-square .v-button-caption:before { |
| content: "\f194"; |
| } |
| |
| .fa-try .v-button-caption:before { |
| content: "\f195"; |
| } |
| |
| .fa-turkish-lira .v-button-caption:before { |
| content: "\f195"; |
| } |
| |
| .fa-plus-square-o .v-button-caption:before { |
| content: "\f196"; |
| } |
| |
| .fa-space-shuttle .v-button-caption:before { |
| content: "\f197"; |
| } |
| |
| .fa-slack .v-button-caption:before { |
| content: "\f198"; |
| } |
| |
| .fa-envelope-square .v-button-caption:before { |
| content: "\f199"; |
| } |
| |
| .fa-wordpress .v-button-caption:before { |
| content: "\f19a"; |
| } |
| |
| .fa-openid .v-button-caption:before { |
| content: "\f19b"; |
| } |
| |
| .fa-bank .v-button-caption:before { |
| content: "\f19c"; |
| } |
| |
| .fa-institution .v-button-caption:before { |
| content: "\f19c"; |
| } |
| |
| .fa-university .v-button-caption:before { |
| content: "\f19c"; |
| } |
| |
| .fa-graduation-cap .v-button-caption:before { |
| content: "\f19d"; |
| } |
| |
| .fa-mortar-board .v-button-caption:before { |
| content: "\f19d"; |
| } |
| |
| .fa-yahoo .v-button-caption:before { |
| content: "\f19e"; |
| } |
| |
| .fa-google .v-button-caption:before { |
| content: "\f1a0"; |
| } |
| |
| .fa-reddit .v-button-caption:before { |
| content: "\f1a1"; |
| } |
| |
| .fa-reddit-square .v-button-caption:before { |
| content: "\f1a2"; |
| } |
| |
| .fa-stumbleupon-circle .v-button-caption:before { |
| content: "\f1a3"; |
| } |
| |
| .fa-stumbleupon .v-button-caption:before { |
| content: "\f1a4"; |
| } |
| |
| .fa-delicious .v-button-caption:before { |
| content: "\f1a5"; |
| } |
| |
| .fa-digg .v-button-caption:before { |
| content: "\f1a6"; |
| } |
| |
| .fa-pied-piper .v-button-caption:before { |
| content: "\f1a7"; |
| } |
| |
| .fa-pied-piper-alt .v-button-caption:before { |
| content: "\f1a8"; |
| } |
| |
| .fa-drupal .v-button-caption:before { |
| content: "\f1a9"; |
| } |
| |
| .fa-joomla .v-button-caption:before { |
| content: "\f1aa"; |
| } |
| |
| .fa-language .v-button-caption:before { |
| content: "\f1ab"; |
| } |
| |
| .fa-fax .v-button-caption:before { |
| content: "\f1ac"; |
| } |
| |
| .fa-building .v-button-caption:before { |
| content: "\f1ad"; |
| } |
| |
| .fa-child .v-button-caption:before { |
| content: "\f1ae"; |
| } |
| |
| .fa-paw .v-button-caption:before { |
| content: "\f1b0"; |
| } |
| |
| .fa-spoon .v-button-caption:before { |
| content: "\f1b1"; |
| } |
| |
| .fa-cube2 .v-button-caption:before { |
| content: "\f1b2"; |
| } |
| |
| .fa-cubes .v-button-caption:before { |
| content: "\f1b3"; |
| } |
| |
| .fa-behance .v-button-caption:before { |
| content: "\f1b4"; |
| } |
| |
| .fa-behance-square .v-button-caption:before { |
| content: "\f1b5"; |
| } |
| |
| .fa-steam .v-button-caption:before { |
| content: "\f1b6"; |
| } |
| |
| .fa-steam-square .v-button-caption:before { |
| content: "\f1b7"; |
| } |
| |
| .fa-recycle .v-button-caption:before { |
| content: "\f1b8"; |
| } |
| |
| .fa-automobile .v-button-caption:before { |
| content: "\f1b9"; |
| } |
| |
| .fa-car .v-button-caption:before { |
| content: "\f1b9"; |
| } |
| |
| .fa-cab .v-button-caption:before { |
| content: "\f1ba"; |
| } |
| |
| .fa-taxi .v-button-caption:before { |
| content: "\f1ba"; |
| } |
| |
| .fa-tree .v-button-caption:before { |
| content: "\f1bb"; |
| } |
| |
| .fa-spotify .v-button-caption:before { |
| content: "\f1bc"; |
| } |
| |
| .fa-deviantart .v-button-caption:before { |
| content: "\f1bd"; |
| } |
| |
| .fa-soundcloud .v-button-caption:before { |
| content: "\f1be"; |
| } |
| |
| .fa-database2 .v-button-caption:before { |
| content: "\f1c0"; |
| } |
| |
| .fa-file-pdf-o .v-button-caption:before { |
| content: "\f1c1"; |
| } |
| |
| .fa-file-word-o .v-button-caption:before { |
| content: "\f1c2"; |
| } |
| |
| .fa-file-excel-o .v-button-caption:before { |
| content: "\f1c3"; |
| } |
| |
| .fa-file-powerpoint-o .v-button-caption:before { |
| content: "\f1c4"; |
| } |
| |
| .fa-file-image-o .v-button-caption:before { |
| content: "\f1c5"; |
| } |
| |
| .fa-file-photo-o .v-button-caption:before { |
| content: "\f1c5"; |
| } |
| |
| .fa-file-picture-o .v-button-caption:before { |
| content: "\f1c5"; |
| } |
| |
| .fa-file-archive-o .v-button-caption:before { |
| content: "\f1c6"; |
| } |
| |
| .fa-file-zip-o .v-button-caption:before { |
| content: "\f1c6"; |
| } |
| |
| .fa-file-audio-o .v-button-caption:before { |
| content: "\f1c7"; |
| } |
| |
| .fa-file-sound-o .v-button-caption:before { |
| content: "\f1c7"; |
| } |
| |
| .fa-file-movie-o .v-button-caption:before { |
| content: "\f1c8"; |
| } |
| |
| .fa-file-video-o .v-button-caption:before { |
| content: "\f1c8"; |
| } |
| |
| .fa-file-code-o .v-button-caption:before { |
| content: "\f1c9"; |
| } |
| |
| .fa-vine .v-button-caption:before { |
| content: "\f1ca"; |
| } |
| |
| .fa-codepen .v-button-caption:before { |
| content: "\f1cb"; |
| } |
| |
| .fa-jsfiddle .v-button-caption:before { |
| content: "\f1cc"; |
| } |
| |
| .fa-life-bouy .v-button-caption:before { |
| content: "\f1cd"; |
| } |
| |
| .fa-life-buoy .v-button-caption:before { |
| content: "\f1cd"; |
| } |
| |
| .fa-life-ring .v-button-caption:before { |
| content: "\f1cd"; |
| } |
| |
| .fa-life-saver .v-button-caption:before { |
| content: "\f1cd"; |
| } |
| |
| .fa-support .v-button-caption:before { |
| content: "\f1cd"; |
| } |
| |
| .fa-circle-o-notch .v-button-caption:before { |
| content: "\f1ce"; |
| } |
| |
| .fa-ra .v-button-caption:before { |
| content: "\f1d0"; |
| } |
| |
| .fa-rebel .v-button-caption:before { |
| content: "\f1d0"; |
| } |
| |
| .fa-empire .v-button-caption:before { |
| content: "\f1d1"; |
| } |
| |
| .fa-ge .v-button-caption:before { |
| content: "\f1d1"; |
| } |
| |
| .fa-git-square .v-button-caption:before { |
| content: "\f1d2"; |
| } |
| |
| .fa-git .v-button-caption:before { |
| content: "\f1d3"; |
| } |
| |
| .fa-hacker-news .v-button-caption:before { |
| content: "\f1d4"; |
| } |
| |
| .fa-y-combinator-square .v-button-caption:before { |
| content: "\f1d4"; |
| } |
| |
| .fa-yc-square .v-button-caption:before { |
| content: "\f1d4"; |
| } |
| |
| .fa-tencent-weibo .v-button-caption:before { |
| content: "\f1d5"; |
| } |
| |
| .fa-qq .v-button-caption:before { |
| content: "\f1d6"; |
| } |
| |
| .fa-wechat .v-button-caption:before { |
| content: "\f1d7"; |
| } |
| |
| .fa-weixin .v-button-caption:before { |
| content: "\f1d7"; |
| } |
| |
| .fa-paper-plane .v-button-caption:before { |
| content: "\f1d8"; |
| } |
| |
| .fa-send .v-button-caption:before { |
| content: "\f1d8"; |
| } |
| |
| .fa-paper-plane-o .v-button-caption:before { |
| content: "\f1d9"; |
| } |
| |
| .fa-send-o .v-button-caption:before { |
| content: "\f1d9"; |
| } |
| |
| .fa-history .v-button-caption:before { |
| content: "\f1da"; |
| } |
| |
| .fa-circle-thin .v-button-caption:before { |
| content: "\f1db"; |
| } |
| |
| .fa-header .v-button-caption:before { |
| content: "\f1dc"; |
| } |
| |
| .fa-paragraph .v-button-caption:before { |
| content: "\f1dd"; |
| } |
| |
| .fa-sliders2 .v-button-caption:before { |
| content: "\f1de"; |
| } |
| |
| .fa-share-alt .v-button-caption:before { |
| content: "\f1e0"; |
| } |
| |
| .fa-share-alt-square .v-button-caption:before { |
| content: "\f1e1"; |
| } |
| |
| .fa-bomb .v-button-caption:before { |
| content: "\f1e2"; |
| } |
| |
| .fa-futbol-o .v-button-caption:before { |
| content: "\f1e3"; |
| } |
| |
| .fa-soccer-ball-o .v-button-caption:before { |
| content: "\f1e3"; |
| } |
| |
| .fa-tty .v-button-caption:before { |
| content: "\f1e4"; |
| } |
| |
| .fa-binoculars .v-button-caption:before { |
| content: "\f1e5"; |
| } |
| |
| .fa-plug .v-button-caption:before { |
| content: "\f1e6"; |
| } |
| |
| .fa-slideshare .v-button-caption:before { |
| content: "\f1e7"; |
| } |
| |
| .fa-twitch .v-button-caption:before { |
| content: "\f1e8"; |
| } |
| |
| .fa-yelp .v-button-caption:before { |
| content: "\f1e9"; |
| } |
| |
| .fa-newspaper-o .v-button-caption:before { |
| content: "\f1ea"; |
| } |
| |
| .fa-wifi .v-button-caption:before { |
| content: "\f1eb"; |
| } |
| |
| .fa-calculator .v-button-caption:before { |
| content: "\f1ec"; |
| } |
| |
| .fa-paypal .v-button-caption:before { |
| content: "\f1ed"; |
| } |
| |
| .fa-google-wallet .v-button-caption:before { |
| content: "\f1ee"; |
| } |
| |
| .fa-cc-visa .v-button-caption:before { |
| content: "\f1f0"; |
| } |
| |
| .fa-cc-mastercard .v-button-caption:before { |
| content: "\f1f1"; |
| } |
| |
| .fa-cc-discover .v-button-caption:before { |
| content: "\f1f2"; |
| } |
| |
| .fa-cc-amex .v-button-caption:before { |
| content: "\f1f3"; |
| } |
| |
| .fa-cc-paypal .v-button-caption:before { |
| content: "\f1f4"; |
| } |
| |
| .fa-cc-stripe .v-button-caption:before { |
| content: "\f1f5"; |
| } |
| |
| .fa-bell-slash .v-button-caption:before { |
| content: "\f1f6"; |
| } |
| |
| .fa-bell-slash-o .v-button-caption:before { |
| content: "\f1f7"; |
| } |
| |
| .fa-trash .v-button-caption:before { |
| content: "\f1f8"; |
| } |
| |
| .fa-copyright .v-button-caption:before { |
| content: "\f1f9"; |
| } |
| |
| .fa-at .v-button-caption:before { |
| content: "\f1fa"; |
| } |
| |
| .fa-eyedropper .v-button-caption:before { |
| content: "\f1fb"; |
| } |
| |
| .fa-paint-brush .v-button-caption:before { |
| content: "\f1fc"; |
| } |
| |
| .fa-birthday-cake .v-button-caption:before { |
| content: "\f1fd"; |
| } |
| |
| .fa-area-chart .v-button-caption:before { |
| content: "\f1fe"; |
| } |
| |
| .fa-pie-chart .v-button-caption:before { |
| content: "\f200"; |
| } |
| |
| .fa-line-chart .v-button-caption:before { |
| content: "\f201"; |
| } |
| |
| .fa-lastfm .v-button-caption:before { |
| content: "\f202"; |
| } |
| |
| .fa-lastfm-square .v-button-caption:before { |
| content: "\f203"; |
| } |
| |
| .fa-toggle-off .v-button-caption:before { |
| content: "\f204"; |
| } |
| |
| .fa-toggle-on .v-button-caption:before { |
| content: "\f205"; |
| } |
| |
| .fa-bicycle .v-button-caption:before { |
| content: "\f206"; |
| } |
| |
| .fa-bus .v-button-caption:before { |
| content: "\f207"; |
| } |
| |
| .fa-ioxhost .v-button-caption:before { |
| content: "\f208"; |
| } |
| |
| .fa-angellist .v-button-caption:before { |
| content: "\f209"; |
| } |
| |
| .fa-cc .v-button-caption:before { |
| content: "\f20a"; |
| } |
| |
| .fa-ils .v-button-caption:before { |
| content: "\f20b"; |
| } |
| |
| .fa-shekel .v-button-caption:before { |
| content: "\f20b"; |
| } |
| |
| .fa-sheqel .v-button-caption:before { |
| content: "\f20b"; |
| } |
| |
| .fa-meanpath .v-button-caption:before { |
| content: "\f20c"; |
| } |
| |
| .fa-buysellads .v-button-caption:before { |
| content: "\f20d"; |
| } |
| |
| .fa-connectdevelop .v-button-caption:before { |
| content: "\f20e"; |
| } |
| |
| .fa-dashcube .v-button-caption:before { |
| content: "\f210"; |
| } |
| |
| .fa-forumbee .v-button-caption:before { |
| content: "\f211"; |
| } |
| |
| .fa-leanpub .v-button-caption:before { |
| content: "\f212"; |
| } |
| |
| .fa-sellsy .v-button-caption:before { |
| content: "\f213"; |
| } |
| |
| .fa-shirtsinbulk .v-button-caption:before { |
| content: "\f214"; |
| } |
| |
| .fa-simplybuilt .v-button-caption:before { |
| content: "\f215"; |
| } |
| |
| .fa-skyatlas .v-button-caption:before { |
| content: "\f216"; |
| } |
| |
| .fa-cart-plus .v-button-caption:before { |
| content: "\f217"; |
| } |
| |
| .fa-cart-arrow-down .v-button-caption:before { |
| content: "\f218"; |
| } |
| |
| .fa-diamond .v-button-caption:before { |
| content: "\f219"; |
| } |
| |
| .fa-ship .v-button-caption:before { |
| content: "\f21a"; |
| } |
| |
| .fa-user-secret .v-button-caption:before { |
| content: "\f21b"; |
| } |
| |
| .fa-motorcycle .v-button-caption:before { |
| content: "\f21c"; |
| } |
| |
| .fa-street-view .v-button-caption:before { |
| content: "\f21d"; |
| } |
| |
| .fa-heartbeat .v-button-caption:before { |
| content: "\f21e"; |
| } |
| |
| .fa-venus .v-button-caption:before { |
| content: "\f221"; |
| } |
| |
| .fa-mars .v-button-caption:before { |
| content: "\f222"; |
| } |
| |
| .fa-mercury .v-button-caption:before { |
| content: "\f223"; |
| } |
| |
| .fa-intersex .v-button-caption:before { |
| content: "\f224"; |
| } |
| |
| .fa-transgender .v-button-caption:before { |
| content: "\f224"; |
| } |
| |
| .fa-transgender-alt .v-button-caption:before { |
| content: "\f225"; |
| } |
| |
| .fa-venus-double .v-button-caption:before { |
| content: "\f226"; |
| } |
| |
| .fa-mars-double .v-button-caption:before { |
| content: "\f227"; |
| } |
| |
| .fa-venus-mars .v-button-caption:before { |
| content: "\f228"; |
| } |
| |
| .fa-mars-stroke .v-button-caption:before { |
| content: "\f229"; |
| } |
| |
| .fa-mars-stroke-v .v-button-caption:before { |
| content: "\f22a"; |
| } |
| |
| .fa-mars-stroke-h .v-button-caption:before { |
| content: "\f22b"; |
| } |
| |
| .fa-neuter .v-button-caption:before { |
| content: "\f22c"; |
| } |
| |
| .fa-genderless .v-button-caption:before { |
| content: "\f22d"; |
| } |
| |
| .fa-facebook-official .v-button-caption:before { |
| content: "\f230"; |
| } |
| |
| .fa-pinterest-p .v-button-caption:before { |
| content: "\f231"; |
| } |
| |
| .fa-whatsapp .v-button-caption:before { |
| content: "\f232"; |
| } |
| |
| .fa-server .v-button-caption:before { |
| content: "\f233"; |
| } |
| |
| .fa-user-plus .v-button-caption:before { |
| content: "\f234"; |
| } |
| |
| .fa-user-times .v-button-caption:before { |
| content: "\f235"; |
| } |
| |
| .fa-bed .v-button-caption:before { |
| content: "\f236"; |
| } |
| |
| .fa-hotel .v-button-caption:before { |
| content: "\f236"; |
| } |
| |
| .fa-viacoin .v-button-caption:before { |
| content: "\f237"; |
| } |
| |
| .fa-train .v-button-caption:before { |
| content: "\f238"; |
| } |
| |
| .fa-subway .v-button-caption:before { |
| content: "\f239"; |
| } |
| |
| .fa-medium .v-button-caption:before { |
| content: "\f23a"; |
| } |
| |
| .fa-y-combinator .v-button-caption:before { |
| content: "\f23b"; |
| } |
| |
| .fa-yc .v-button-caption:before { |
| content: "\f23b"; |
| } |
| |
| .fa-optin-monster .v-button-caption:before { |
| content: "\f23c"; |
| } |
| |
| .fa-opencart .v-button-caption:before { |
| content: "\f23d"; |
| } |
| |
| .fa-expeditedssl .v-button-caption:before { |
| content: "\f23e"; |
| } |
| |
| .fa-battery-4 .v-button-caption:before { |
| content: "\f240"; |
| } |
| |
| .fa-battery-full .v-button-caption:before { |
| content: "\f240"; |
| } |
| |
| .fa-battery-3 .v-button-caption:before { |
| content: "\f241"; |
| } |
| |
| .fa-battery-three-quarters .v-button-caption:before { |
| content: "\f241"; |
| } |
| |
| .fa-battery-2 .v-button-caption:before { |
| content: "\f242"; |
| } |
| |
| .fa-battery-half .v-button-caption:before { |
| content: "\f242"; |
| } |
| |
| .fa-battery-1 .v-button-caption:before { |
| content: "\f243"; |
| } |
| |
| .fa-battery-quarter .v-button-caption:before { |
| content: "\f243"; |
| } |
| |
| .fa-battery-0 .v-button-caption:before { |
| content: "\f244"; |
| } |
| |
| .fa-battery-empty .v-button-caption:before { |
| content: "\f244"; |
| } |
| |
| .fa-mouse-pointer .v-button-caption:before { |
| content: "\f245"; |
| } |
| |
| .fa-i-cursor .v-button-caption:before { |
| content: "\f246"; |
| } |
| |
| .fa-object-group .v-button-caption:before { |
| content: "\f247"; |
| } |
| |
| .fa-object-ungroup .v-button-caption:before { |
| content: "\f248"; |
| } |
| |
| .fa-sticky-note .v-button-caption:before { |
| content: "\f249"; |
| } |
| |
| .fa-sticky-note-o .v-button-caption:before { |
| content: "\f24a"; |
| } |
| |
| .fa-cc-jcb .v-button-caption:before { |
| content: "\f24b"; |
| } |
| |
| .fa-cc-diners-club .v-button-caption:before { |
| content: "\f24c"; |
| } |
| |
| .fa-clone .v-button-caption:before { |
| content: "\f24d"; |
| } |
| |
| .fa-balance-scale .v-button-caption:before { |
| content: "\f24e"; |
| } |
| |
| .fa-hourglass-o .v-button-caption:before { |
| content: "\f250"; |
| } |
| |
| .fa-hourglass-1 .v-button-caption:before { |
| content: "\f251"; |
| } |
| |
| .fa-hourglass-start .v-button-caption:before { |
| content: "\f251"; |
| } |
| |
| .fa-hourglass-2 .v-button-caption:before { |
| content: "\f252"; |
| } |
| |
| .fa-hourglass-half .v-button-caption:before { |
| content: "\f252"; |
| } |
| |
| .fa-hourglass-3 .v-button-caption:before { |
| content: "\f253"; |
| } |
| |
| .fa-hourglass-end .v-button-caption:before { |
| content: "\f253"; |
| } |
| |
| .fa-hourglass .v-button-caption:before { |
| content: "\f254"; |
| } |
| |
| .fa-hand-grab-o .v-button-caption:before { |
| content: "\f255"; |
| } |
| |
| .fa-hand-rock-o .v-button-caption:before { |
| content: "\f255"; |
| } |
| |
| .fa-hand-paper-o .v-button-caption:before { |
| content: "\f256"; |
| } |
| |
| .fa-hand-stop-o .v-button-caption:before { |
| content: "\f256"; |
| } |
| |
| .fa-hand-scissors-o .v-button-caption:before { |
| content: "\f257"; |
| } |
| |
| .fa-hand-lizard-o .v-button-caption:before { |
| content: "\f258"; |
| } |
| |
| .fa-hand-spock-o .v-button-caption:before { |
| content: "\f259"; |
| } |
| |
| .fa-hand-pointer-o .v-button-caption:before { |
| content: "\f25a"; |
| } |
| |
| .fa-hand-peace-o .v-button-caption:before { |
| content: "\f25b"; |
| } |
| |
| .fa-trademark .v-button-caption:before { |
| content: "\f25c"; |
| } |
| |
| .fa-registered .v-button-caption:before { |
| content: "\f25d"; |
| } |
| |
| .fa-creative-commons .v-button-caption:before { |
| content: "\f25e"; |
| } |
| |
| .fa-gg .v-button-caption:before { |
| content: "\f260"; |
| } |
| |
| .fa-gg-circle .v-button-caption:before { |
| content: "\f261"; |
| } |
| |
| .fa-tripadvisor .v-button-caption:before { |
| content: "\f262"; |
| } |
| |
| .fa-odnoklassniki .v-button-caption:before { |
| content: "\f263"; |
| } |
| |
| .fa-odnoklassniki-square .v-button-caption:before { |
| content: "\f264"; |
| } |
| |
| .fa-get-pocket .v-button-caption:before { |
| content: "\f265"; |
| } |
| |
| .fa-wikipedia-w .v-button-caption:before { |
| content: "\f266"; |
| } |
| |
| .fa-safari .v-button-caption:before { |
| content: "\f267"; |
| } |
| |
| .fa-chrome .v-button-caption:before { |
| content: "\f268"; |
| } |
| |
| .fa-firefox .v-button-caption:before { |
| content: "\f269"; |
| } |
| |
| .fa-opera .v-button-caption:before { |
| content: "\f26a"; |
| } |
| |
| .fa-internet-explorer .v-button-caption:before { |
| content: "\f26b"; |
| } |
| |
| .fa-television .v-button-caption:before { |
| content: "\f26c"; |
| } |
| |
| .fa-tv .v-button-caption:before { |
| content: "\f26c"; |
| } |
| |
| .fa-contao .v-button-caption:before { |
| content: "\f26d"; |
| } |
| |
| .fa-500px .v-button-caption:before { |
| content: "\f26e"; |
| } |
| |
| .fa-amazon .v-button-caption:before { |
| content: "\f270"; |
| } |
| |
| .fa-calendar-plus-o .v-button-caption:before { |
| content: "\f271"; |
| } |
| |
| .fa-calendar-minus-o .v-button-caption:before { |
| content: "\f272"; |
| } |
| |
| .fa-calendar-times-o .v-button-caption:before { |
| content: "\f273"; |
| } |
| |
| .fa-calendar-check-o .v-button-caption:before { |
| content: "\f274"; |
| } |
| |
| .fa-industry .v-button-caption:before { |
| content: "\f275"; |
| } |
| |
| .fa-map-pin .v-button-caption:before { |
| content: "\f276"; |
| } |
| |
| .fa-map-signs .v-button-caption:before { |
| content: "\f277"; |
| } |
| |
| .fa-map-o .v-button-caption:before { |
| content: "\f278"; |
| } |
| |
| .fa-map2 .v-button-caption:before { |
| content: "\f279"; |
| } |
| |
| .fa-commenting .v-button-caption:before { |
| content: "\f27a"; |
| } |
| |
| .fa-commenting-o .v-button-caption:before { |
| content: "\f27b"; |
| } |
| |
| .fa-houzz .v-button-caption:before { |
| content: "\f27c"; |
| } |
| |
| .fa-vimeo .v-button-caption:before { |
| content: "\f27d"; |
| } |
| |
| .fa-black-tie .v-button-caption:before { |
| content: "\f27e"; |
| } |
| |
| .fa-fonticons .v-button-caption:before { |
| content: "\f280"; |
| } |
| |
| .fa-reddit-alien .v-button-caption:before { |
| content: "\f281"; |
| } |
| |
| .fa-edge .v-button-caption:before { |
| content: "\f282"; |
| } |
| |
| .fa-credit-card-alt .v-button-caption:before { |
| content: "\f283"; |
| } |
| |
| .fa-codiepie .v-button-caption:before { |
| content: "\f284"; |
| } |
| |
| .fa-modx .v-button-caption:before { |
| content: "\f285"; |
| } |
| |
| .fa-fort-awesome .v-button-caption:before { |
| content: "\f286"; |
| } |
| |
| .fa-usb .v-button-caption:before { |
| content: "\f287"; |
| } |
| |
| .fa-product-hunt .v-button-caption:before { |
| content: "\f288"; |
| } |
| |
| .fa-mixcloud .v-button-caption:before { |
| content: "\f289"; |
| } |
| |
| .fa-scribd .v-button-caption:before { |
| content: "\f28a"; |
| } |
| |
| .fa-pause-circle .v-button-caption:before { |
| content: "\f28b"; |
| } |
| |
| .fa-pause-circle-o .v-button-caption:before { |
| content: "\f28c"; |
| } |
| |
| .fa-stop-circle .v-button-caption:before { |
| content: "\f28d"; |
| } |
| |
| .fa-stop-circle-o .v-button-caption:before { |
| content: "\f28e"; |
| } |
| |
| .fa-shopping-bag .v-button-caption:before { |
| content: "\f290"; |
| } |
| |
| .fa-shopping-basket .v-button-caption:before { |
| content: "\f291"; |
| } |
| |
| .fa-hashtag .v-button-caption:before { |
| content: "\f292"; |
| } |
| |
| .fa-bluetooth .v-button-caption:before { |
| content: "\f293"; |
| } |
| |
| .fa-bluetooth-b .v-button-caption:before { |
| content: "\f294"; |
| } |
| |
| .fa-percent .v-button-caption:before { |
| content: "\f295"; |
| } |
| |
| .vi-browser:before { |
| content: "\f0cf"; |
| } |
| |
| .vi-bullets:before { |
| content: "\e62b"; |
| } |
| |
| .vi-combobox:before { |
| content: "\e637"; |
| } |
| |
| .vi-file-tree:before { |
| content: "\e648"; |
| } |
| |
| .vi-form:before { |
| content: "\e64c"; |
| } |
| |
| .vi-grid-bevel:before { |
| content: "\e64f"; |
| } |
| |
| .vi-grid:before { |
| content: "\e652"; |
| } |
| |
| .vi-layout:before { |
| content: "\e656"; |
| } |
| |
| .vi-level-right-bold:before { |
| content: "\e657"; |
| } |
| |
| .vi-options:before { |
| content: "\e65f"; |
| } |
| |
| .vi-panel:before { |
| content: "\e669"; |
| } |
| |
| .vi-road-branch:before { |
| content: "\e671"; |
| } |
| |
| .vi-split:before { |
| content: "\e676"; |
| } |
| |
| .vi-tabs:before { |
| content: "\e67a"; |
| } |
| |
| .vi-text-input:before { |
| content: "\e67c"; |
| } |
| |
| .vi-tree-table:before { |
| content: "\e681"; |
| } |
| |
| .vi-twin-col-select:before { |
| content: "\e682"; |
| } |
| |
| .vi-cube:before { |
| content: "\f1bf"; |
| } |
| |
| .vi-filter:before { |
| content: "\f0b3"; |
| } |
| |
| .vi-hash:before { |
| content: "\e6aa"; |
| } |
| |
| .vi-puzzle-piece:before { |
| content: "\f12f"; |
| } |
| |
| .vi-sliders:before { |
| content: "\e6d0"; |
| } |
| |
| .vi-archive:before { |
| content: "\e6ef"; |
| } |
| |
| .vi-book:before { |
| content: "\f04f"; |
| } |
| |
| .vi-modal-list:before { |
| content: "\e72c"; |
| } |
| |
| .vi-random:before { |
| content: "\f07f"; |
| } |
| |
| .vi-server:before { |
| content: "\e738"; |
| } |
| |
| .vi-database:before { |
| content: "\f1cf"; |
| } |
| |
| .vi-sitemap:before { |
| content: "\f116"; |
| } |
| |
| .vi-tasks:before { |
| content: "\e73e"; |
| } |
| |
| .vi-ticket:before { |
| content: "\e741"; |
| } |
| |
| .vi-bar-chart:before { |
| content: "\e758"; |
| } |
| |
| .vi-comment-o:before { |
| content: "\e769"; |
| } |
| |
| .vi-comment:before { |
| content: "\e76a"; |
| } |
| |
| .vi-retweet:before { |
| content: "\f08f"; |
| } |
| |
| .vi-sign-in:before { |
| content: "\f09f"; |
| } |
| |
| .vi-sign-out:before { |
| content: "\e79a"; |
| } |
| |
| .vi-table:before { |
| content: "\f0ef"; |
| } |
| |
| .vi-menu:before { |
| content: "\e7b4"; |
| } |
| |
| .vi-file-text-o:before { |
| content: "\e7e2"; |
| } |
| |
| .vi-list-ul:before { |
| content: "\e7f2"; |
| } |
| |
| .vi-list:before { |
| content: "\e7f3"; |
| } |
| |
| .vi-book-dollar:before { |
| content: "\e600"; |
| } |
| |
| .vi-book-percent:before { |
| content: "\e601"; |
| } |
| |
| .vi-briefcase:before { |
| content: "\e602"; |
| } |
| |
| .vi-plus-minus:before { |
| content: "\e603"; |
| } |
| |
| .vi-calendar-briefcase:before { |
| content: "\e604"; |
| } |
| |
| .vi-calendar-clock:before { |
| content: "\e605"; |
| } |
| |
| .vi-calendar-user:before { |
| content: "\e606"; |
| } |
| |
| .vi-dental-chair:before { |
| content: "\e607"; |
| } |
| |
| .vi-doctor-briefcase:before { |
| content: "\e608"; |
| } |
| |
| .vi-doctor:before { |
| content: "\e609"; |
| } |
| |
| .vi-dollar:before { |
| content: "\e60a"; |
| } |
| |
| .vi-exit-o:before { |
| content: "\e60b"; |
| } |
| |
| .vi-exit:before { |
| content: "\e60c"; |
| } |
| |
| .vi-golf:before { |
| content: "\e60d"; |
| } |
| |
| .vi-group:before { |
| content: "\e60e"; |
| } |
| |
| .vi-health-card:before { |
| content: "\e60f"; |
| } |
| |
| .vi-invoice:before { |
| content: "\e610"; |
| } |
| |
| .vi-level-down-bold:before { |
| content: "\e611"; |
| } |
| |
| .vi-level-left-bold:before { |
| content: "\e612"; |
| } |
| |
| .vi-level-up-bold:before { |
| content: "\e613"; |
| } |
| |
| .vi-out:before { |
| content: "\e614"; |
| } |
| |
| .vi-pill:before { |
| content: "\e615"; |
| } |
| |
| .vi-pills:before { |
| content: "\e616"; |
| } |
| |
| .vi-specialist:before { |
| content: "\e617"; |
| } |
| |
| .vi-stethoscope:before { |
| content: "\e618"; |
| } |
| |
| .vi-teeth:before { |
| content: "\e619"; |
| } |
| |
| .vi-user-card:before { |
| content: "\e61a"; |
| } |
| |
| .vi-user-check:before { |
| content: "\e61b"; |
| } |
| |
| .vi-user-clock:before { |
| content: "\e61c"; |
| } |
| |
| .vi-user-heart:before { |
| content: "\e61d"; |
| } |
| |
| .vi-absolute-position:before { |
| content: "\e61e"; |
| } |
| |
| .vi-accordion-menu:before { |
| content: "\e61f"; |
| } |
| |
| .vi-add-dock:before { |
| content: "\e620"; |
| } |
| |
| .vi-archives:before { |
| content: "\e621"; |
| } |
| |
| .vi-arrow-backward:before { |
| content: "\e622"; |
| } |
| |
| .vi-arrow-forward:before { |
| content: "\e623"; |
| } |
| |
| .vi-at:before { |
| content: "\e624"; |
| } |
| |
| .vi-bell-slash-o:before { |
| content: "\e625"; |
| } |
| |
| .vi-bell-slash:before { |
| content: "\e626"; |
| } |
| |
| .vi-boat:before { |
| content: "\e627"; |
| } |
| |
| .vi-browser3:before { |
| content: "\e62a"; |
| } |
| |
| .vi-bullets:before { |
| content: "\e62b"; |
| } |
| |
| .vi-button:before { |
| content: "\e62c"; |
| } |
| |
| .vi-calc-book:before { |
| content: "\e62d"; |
| } |
| |
| .vi-calendar-envelope:before { |
| content: "\e62e"; |
| } |
| |
| .vi-car:before { |
| content: "\e62f"; |
| } |
| |
| .vi-check-square:before { |
| content: "\e630"; |
| } |
| |
| .vi-child:before { |
| content: "\e631"; |
| } |
| |
| .vi-clipboard-cross:before { |
| content: "\e632"; |
| } |
| |
| .vi-clipboard-heart:before { |
| content: "\e633"; |
| } |
| |
| .vi-clipboard-pulse:before { |
| content: "\e634"; |
| } |
| |
| .vi-clipboard-text:before { |
| content: "\e635"; |
| } |
| |
| .vi-clipboard-user:before { |
| content: "\e638"; |
| } |
| |
| .vi-clipboard:before { |
| content: "\e639"; |
| } |
| |
| .vi-combobox:before { |
| content: "\e637"; |
| } |
| |
| .vi-compress-square:before { |
| content: "\e63a"; |
| } |
| |
| .vi-copyright:before { |
| content: "\e63b"; |
| } |
| |
| .vi-css:before { |
| content: "\e63c"; |
| } |
| |
| .vi-curly-brackets:before { |
| content: "\e63d"; |
| } |
| |
| .vi-date-input:before { |
| content: "\e63e"; |
| } |
| |
| .vi-elastic:before { |
| content: "\e63f"; |
| } |
| |
| .vi-envelope-open-o:before { |
| content: "\e640"; |
| } |
| |
| .vi-envelope-open:before { |
| content: "\e641"; |
| } |
| |
| .vi-external-browser:before { |
| content: "\e642"; |
| } |
| |
| .vi-eyedropper:before { |
| content: "\e643"; |
| } |
| |
| .vi-factory:before { |
| content: "\e644"; |
| } |
| |
| .vi-file-process:before { |
| content: "\e645"; |
| } |
| |
| .vi-file-refresh:before { |
| content: "\e646"; |
| } |
| |
| .vi-file-start:before { |
| content: "\e649"; |
| } |
| |
| .vi-file-tree-small:before { |
| content: "\e64a"; |
| } |
| |
| .vi-file-tree-sub:before { |
| content: "\e64d"; |
| } |
| |
| .vi-file-tree:before { |
| content: "\e648"; |
| } |
| |
| .vi-adobe-flash:before { |
| content: "\e650"; |
| } |
| |
| .vi-flip-h:before { |
| content: "\e653"; |
| } |
| |
| .vi-flip-v:before { |
| content: "\e658"; |
| } |
| |
| .vi-form:before { |
| content: "\e64c"; |
| } |
| |
| .vi-funcion:before { |
| content: "\e659"; |
| } |
| |
| .vi-grab:before { |
| content: "\e65a"; |
| } |
| |
| .vi-grid-bevel:before { |
| content: "\e64f"; |
| } |
| |
| .vi-grid-h:before { |
| content: "\e65b"; |
| } |
| |
| .vi-grid-v:before { |
| content: "\e65c"; |
| } |
| |
| .vi-grid:before { |
| content: "\e652"; |
| } |
| |
| .vi-hand:before { |
| content: "\e65d"; |
| } |
| |
| .vi-input:before { |
| content: "\e660"; |
| } |
| |
| .vi-layout:before { |
| content: "\e656"; |
| } |
| |
| .vi-level-right-bold:before { |
| content: "\e657"; |
| } |
| |
| .vi-list-select:before { |
| content: "\e661"; |
| } |
| |
| .vi-margin-bottom:before { |
| content: "\e662"; |
| } |
| |
| .vi-margin-left:before { |
| content: "\e663"; |
| } |
| |
| .vi-margin-right:before { |
| content: "\e664"; |
| } |
| |
| .vi-margin-top:before { |
| content: "\e665"; |
| } |
| |
| .vi-margin:before { |
| content: "\e666"; |
| } |
| |
| .vi-native-button:before { |
| content: "\e667"; |
| } |
| |
| .vi-notebook:before { |
| content: "\e66a"; |
| } |
| |
| .vi-options:before { |
| content: "\e65f"; |
| } |
| |
| .vi-orientation:before { |
| content: "\e66b"; |
| } |
| |
| .vi-outbox:before { |
| content: "\e66c"; |
| } |
| |
| .vi-padding-bottom:before { |
| content: "\e66d"; |
| } |
| |
| .vi-padding-left:before { |
| content: "\e66e"; |
| } |
| |
| .vi-padding-right:before { |
| content: "\e66f"; |
| } |
| |
| .vi-padding-top:before { |
| content: "\e672"; |
| } |
| |
| .vi-padding:before { |
| content: "\e673"; |
| } |
| |
| .vi-paint-roll:before { |
| content: "\e674"; |
| } |
| |
| .vi-palete:before { |
| content: "\e677"; |
| } |
| |
| .vi-panel:before { |
| content: "\e669"; |
| } |
| |
| .vi-password:before { |
| content: "\e678"; |
| } |
| |
| .vi-plug:before { |
| content: "\e67d"; |
| } |
| |
| .vi-pointer:before { |
| content: "\e67e"; |
| } |
| |
| .vi-progressbar:before { |
| content: "\e683"; |
| } |
| |
| .vi-resize-h:before { |
| content: "\e684"; |
| } |
| |
| .vi-resize-v:before { |
| content: "\e685"; |
| } |
| |
| .vi-rhombus:before { |
| content: "\e686"; |
| } |
| |
| .vi-road-branch:before { |
| content: "\e671"; |
| } |
| |
| .vi-road-branches:before { |
| content: "\e687"; |
| } |
| |
| .vi-road-split:before { |
| content: "\e688"; |
| } |
| |
| .vi-select:before { |
| content: "\e689"; |
| } |
| |
| .vi-slider:before { |
| content: "\e68a"; |
| } |
| |
| .vi-split:before { |
| content: "\e676"; |
| } |
| |
| .vi-start-cog:before { |
| content: "\e68b"; |
| } |
| |
| .vi-stop-cog:before { |
| content: "\e68c"; |
| } |
| |
| .vi-sword:before { |
| content: "\e68d"; |
| } |
| |
| .vi-tabs:before { |
| content: "\e67a"; |
| } |
| |
| .vi-taxi:before { |
| content: "\e68e"; |
| } |
| |
| .vi-text-input:before { |
| content: "\e67c"; |
| } |
| |
| .vi-text-label:before { |
| content: "\e68f"; |
| } |
| |
| .vi-tooth:before { |
| content: "\e690"; |
| } |
| |
| .vi-train:before { |
| content: "\e691"; |
| } |
| |
| .vi-tree-table:before { |
| content: "\e681"; |
| } |
| |
| .vi-twin-col-select:before { |
| content: "\e682"; |
| } |
| |
| .vi-viewport:before { |
| content: "\e692"; |
| } |
| |
| .vi-abacus:before { |
| content: "\e693"; |
| } |
| |
| .vi-accessibility:before { |
| content: "\e694"; |
| } |
| |
| .vi-airplane:before { |
| content: "\e695"; |
| } |
| |
| .vi-anchor:before { |
| content: "\e696"; |
| } |
| |
| .vi-asterisk:before { |
| content: "\e699"; |
| } |
| |
| .vi-automation:before { |
| content: "\e69a"; |
| } |
| |
| .vi-barcode:before { |
| content: "\e69b"; |
| } |
| |
| .vi-bomb:before { |
| content: "\e69c"; |
| } |
| |
| .vi-bug-o:before { |
| content: "\e69d"; |
| } |
| |
| .vi-bug:before { |
| content: "\e69e"; |
| } |
| |
| .vi-calc:before { |
| content: "\e69f"; |
| } |
| |
| .vi-chart-line:before { |
| content: "\e6a0"; |
| } |
| |
| .vi-chart:before { |
| content: "\e6a1"; |
| } |
| |
| .vi-code:before { |
| content: "\e6a4"; |
| } |
| |
| .vi-coffee:before { |
| content: "\e6a5"; |
| } |
| |
| .vi-cogs:before { |
| content: "\e6a6"; |
| } |
| |
| .vi-controller:before { |
| content: "\e6a7"; |
| } |
| |
| .vi-corner-lower-left:before { |
| content: "\e6a8"; |
| } |
| |
| .vi-corner-lower-right:before { |
| content: "\e6ab"; |
| } |
| |
| .vi-corner-upper-left:before { |
| content: "\e6ac"; |
| } |
| |
| .vi-corner-upper-right:before { |
| content: "\e6ad"; |
| } |
| |
| .vi-cube3:before { |
| content: "\e698"; |
| } |
| |
| .vi-cubes:before { |
| content: "\e6ae"; |
| } |
| |
| .vi-download-alt:before { |
| content: "\e6af"; |
| } |
| |
| .vi-eraser:before { |
| content: "\e6b0"; |
| } |
| |
| .vi-facebook-square:before { |
| content: "\e6b1"; |
| } |
| |
| .vi-facebook:before { |
| content: "\e6b2"; |
| } |
| |
| .vi-female:before { |
| content: "\e6b3"; |
| } |
| |
| .vi-file-font:before { |
| content: "\e6b4"; |
| } |
| |
| .vi-file-presentation:before { |
| content: "\e6b5"; |
| } |
| |
| .vi-file-table:before { |
| content: "\e6b6"; |
| } |
| |
| .vi-fill:before { |
| content: "\e6b7"; |
| } |
| |
| .vi-filter3:before { |
| content: "\e6a3"; |
| } |
| |
| .vi-fire:before { |
| content: "\e6b8"; |
| } |
| |
| .vi-frown-o:before { |
| content: "\e6b9"; |
| } |
| |
| .vi-gavel:before { |
| content: "\e6ba"; |
| } |
| |
| .vi-google-plus-square:before { |
| content: "\e6bb"; |
| } |
| |
| .vi-google-plus:before { |
| content: "\e6bc"; |
| } |
| |
| .vi-hands-up:before { |
| content: "\e6bd"; |
| } |
| |
| .vi-hash:before { |
| content: "\e6aa"; |
| } |
| |
| .vi-institution:before { |
| content: "\e6be"; |
| } |
| |
| .vi-key-o:before { |
| content: "\e6bf"; |
| } |
| |
| .vi-key:before { |
| content: "\e6c2"; |
| } |
| |
| .vi-lifebuoy:before { |
| content: "\e6c3"; |
| } |
| |
| .vi-lightbulb:before { |
| content: "\e6c4"; |
| } |
| |
| .vi-sign-in-alt:before { |
| content: "\e6c5"; |
| } |
| |
| .vi-sign-out-alt:before { |
| content: "\e6c6"; |
| } |
| |
| .vi-magic:before { |
| content: "\f0ff"; |
| } |
| |
| .vi-male:before { |
| content: "\e6c8"; |
| } |
| |
| .vi-medal:before { |
| content: "\e6c9"; |
| } |
| |
| .vi-megafone:before { |
| content: "\e6ca"; |
| } |
| |
| .vi-meh-o:before { |
| content: "\e6cb"; |
| } |
| |
| .vi-money:before { |
| content: "\e6cc"; |
| } |
| |
| .vi-package:before { |
| content: "\e6cd"; |
| } |
| |
| .vi-paintbrush:before { |
| content: "\e6ce"; |
| } |
| |
| .vi-paperplane:before { |
| content: "\e6d2"; |
| } |
| |
| .vi-paperplane:before { |
| content: "\e6d2"; |
| } |
| |
| .vi-paragraph:before { |
| content: "\e6d3"; |
| } |
| |
| .vi-paste:before { |
| content: "\e6d4"; |
| } |
| |
| .vi-pie-chart:before { |
| content: "\f20f"; |
| } |
| |
| .vi-pin-post:before { |
| content: "\e6d6"; |
| } |
| |
| .vi-presentation:before { |
| content: "\e6d7"; |
| } |
| |
| .vi-puzzle-piece3:before { |
| content: "\e6c1"; |
| } |
| |
| .vi-qrcode:before { |
| content: "\e6d8"; |
| } |
| |
| .vi-quote-left:before { |
| content: "\e6d9"; |
| } |
| |
| .vi-quote-right:before { |
| content: "\e6da"; |
| } |
| |
| .vi-raster-lower-left:before { |
| content: "\e6db"; |
| } |
| |
| .vi-raster:before { |
| content: "\e6dc"; |
| } |
| |
| .vi-recycle:before { |
| content: "\e6dd"; |
| } |
| |
| .vi-road:before { |
| content: "\e6de"; |
| } |
| |
| .vi-rocket:before { |
| content: "\e6df"; |
| } |
| |
| .vi-rss-square:before { |
| content: "\e6e0"; |
| } |
| |
| .vi-rss:before { |
| content: "\e6e1"; |
| } |
| |
| .vi-safe-lock:before { |
| content: "\e6e2"; |
| } |
| |
| .vi-safe:before { |
| content: "\e6e3"; |
| } |
| |
| .vi-share-square:before { |
| content: "\e6e4"; |
| } |
| |
| .vi-shield:before { |
| content: "\e6e5"; |
| } |
| |
| .vi-sliders:before { |
| content: "\e6d0"; |
| } |
| |
| .vi-smiley-o:before { |
| content: "\e6e6"; |
| } |
| |
| .vi-spinner-arc:before { |
| content: "\e6e7"; |
| } |
| |
| .vi-spinner-third:before { |
| content: "\e6e8"; |
| } |
| |
| .vi-spinner:before { |
| content: "\e6e9"; |
| } |
| |
| .vi-subscript:before { |
| content: "\e6ea"; |
| } |
| |
| .vi-superscript:before { |
| content: "\e6eb"; |
| } |
| |
| .vi-tag:before { |
| content: "\e6ec"; |
| } |
| |
| .vi-tags:before { |
| content: "\e6ed"; |
| } |
| |
| .vi-terminal:before { |
| content: "\e6f0"; |
| } |
| |
| .vi-thumbs-down-o:before { |
| content: "\e6f1"; |
| } |
| |
| .vi-thumbs-down:before { |
| content: "\e6f2"; |
| } |
| |
| .vi-thumbs-up-o:before { |
| content: "\e6f3"; |
| } |
| |
| .vi-thumbs-up:before { |
| content: "\e6f4"; |
| } |
| |
| .vi-truck:before { |
| content: "\e6f5"; |
| } |
| |
| .vi-twitter-square:before { |
| content: "\e6f6"; |
| } |
| |
| .vi-twitter:before { |
| content: "\e6f7"; |
| } |
| |
| .vi-umbrella:before { |
| content: "\e6f8"; |
| } |
| |
| .vi-upload-alt:before { |
| content: "\e6fb"; |
| } |
| |
| .vi-vimeo-square:before { |
| content: "\e6fc"; |
| } |
| |
| .vi-vimeo:before { |
| content: "\e6fd"; |
| } |
| |
| .vi-youtube-square:before { |
| content: "\e6fe"; |
| } |
| |
| .vi-youtube:before { |
| content: "\e6ff"; |
| } |
| |
| .vi-angle-double-down:before { |
| content: "\e700"; |
| } |
| |
| .vi-angle-double-left:before { |
| content: "\e701"; |
| } |
| |
| .vi-angle-double-right:before { |
| content: "\e702"; |
| } |
| |
| .vi-angle-double-up:before { |
| content: "\e703"; |
| } |
| |
| .vi-angle-down:before { |
| content: "\e704"; |
| } |
| |
| .vi-angle-left:before { |
| content: "\e705"; |
| } |
| |
| .vi-angle-right:before { |
| content: "\e706"; |
| } |
| |
| .vi-angle-up:before { |
| content: "\e707"; |
| } |
| |
| .vi-archive:before { |
| content: "\e6ef"; |
| } |
| |
| .vi-arrow-circle-down-o:before { |
| content: "\e708"; |
| } |
| |
| .vi-arrow-circle-down:before { |
| content: "\e709"; |
| } |
| |
| .vi-arrow-circle-left-o:before { |
| content: "\e70a"; |
| } |
| |
| .vi-arrow-circle-left:before { |
| content: "\e70b"; |
| } |
| |
| .vi-arrow-circle-right-o:before { |
| content: "\e70c"; |
| } |
| |
| .vi-arrow-circle-right:before { |
| content: "\e70d"; |
| } |
| |
| .vi-arrow-circle-up-o:before { |
| content: "\e70e"; |
| } |
| |
| .vi-arrow-circle-up:before { |
| content: "\e70f"; |
| } |
| |
| .vi-ban:before { |
| content: "\e710"; |
| } |
| |
| .vi-bold:before { |
| content: "\e711"; |
| } |
| |
| .vi-book3:before { |
| content: "\e6fa"; |
| } |
| |
| .vi-bullseye:before { |
| content: "\e712"; |
| } |
| |
| .vi-cart-o:before { |
| content: "\e713"; |
| } |
| |
| .vi-cart:before { |
| content: "\e714"; |
| } |
| |
| .vi-check-square-o:before { |
| content: "\e715"; |
| } |
| |
| .vi-cross-cutlery:before { |
| content: "\e716"; |
| } |
| |
| .vi-cutlery:before { |
| content: "\e717"; |
| } |
| |
| .vi-dashboard:before { |
| content: "\e718"; |
| } |
| |
| .vi-disc:before { |
| content: "\e719"; |
| } |
| |
| .vi-dot-circle:before { |
| content: "\e71a"; |
| } |
| |
| .vi-download:before { |
| content: "\e71b"; |
| } |
| |
| .vi-drop:before { |
| content: "\e71c"; |
| } |
| |
| .vi-exchange:before { |
| content: "\f117"; |
| } |
| |
| .vi-exclamation-circle-o:before { |
| content: "\e71e"; |
| } |
| |
| .vi-exclamation-circle:before { |
| content: "\e71f"; |
| } |
| |
| .vi-exclamation:before { |
| content: "\e720"; |
| } |
| |
| .vi-eye-slash:before { |
| content: "\e721"; |
| } |
| |
| .vi-file-code:before { |
| content: "\e722"; |
| } |
| |
| .vi-file-movie:before { |
| content: "\e723"; |
| } |
| |
| .vi-file-picture:before { |
| content: "\e724"; |
| } |
| |
| .vi-file-sound:before { |
| content: "\e725"; |
| } |
| |
| .vi-file-zip:before { |
| content: "\e726"; |
| } |
| |
| .vi-flag-checkered:before { |
| content: "\e727"; |
| } |
| |
| .vi-flag-o:before { |
| content: "\e728"; |
| } |
| |
| .vi-flag:before { |
| content: "\e729"; |
| } |
| |
| .vi-flash:before { |
| content: "\e72a"; |
| } |
| |
| .vi-font:before { |
| content: "\e72d"; |
| } |
| |
| .vi-gamepad:before { |
| content: "\e72e"; |
| } |
| |
| .vi-gift:before { |
| content: "\e72f"; |
| } |
| |
| .vi-handle-corner:before { |
| content: "\e730"; |
| } |
| |
| .vi-harddrive-o:before { |
| content: "\e731"; |
| } |
| |
| .vi-harddrive:before { |
| content: "\e732"; |
| } |
| |
| .vi-header:before { |
| content: "\e735"; |
| } |
| |
| .vi-headphones:before { |
| content: "\e73c"; |
| } |
| |
| .vi-inbox:before { |
| content: "\e73f"; |
| } |
| |
| .vi-info-circle-o:before { |
| content: "\e742"; |
| } |
| |
| .vi-info-circle:before { |
| content: "\e743"; |
| } |
| |
| .vi-info:before { |
| content: "\e744"; |
| } |
| |
| .vi-ist-ol:before { |
| content: "\e745"; |
| } |
| |
| .vi-italic:before { |
| content: "\e746"; |
| } |
| |
| .vi-keyboard-o:before { |
| content: "\e747"; |
| } |
| |
| .vi-keyboard:before { |
| content: "\e748"; |
| } |
| |
| .vi-line-h:before { |
| content: "\e749"; |
| } |
| |
| .vi-line-v:before { |
| content: "\e74a"; |
| } |
| |
| .vi-link:before { |
| content: "\e74b"; |
| } |
| |
| .vi-location-arrow-circle-o:before { |
| content: "\e74c"; |
| } |
| |
| .vi-location-arrow-circle:before { |
| content: "\e74d"; |
| } |
| |
| .vi-location-arrow:before { |
| content: "\e74e"; |
| } |
| |
| .vi-mailbox:before { |
| content: "\e74f"; |
| } |
| |
| .vi-microphone:before { |
| content: "\e750"; |
| } |
| |
| .vi-modal-list:before { |
| content: "\e72c"; |
| } |
| |
| .vi-mute:before { |
| content: "\e751"; |
| } |
| |
| .vi-paperclip:before { |
| content: "\e752"; |
| } |
| |
| .vi-play-circle-o:before { |
| content: "\e753"; |
| } |
| |
| .vi-question-circle-o:before { |
| content: "\e754"; |
| } |
| |
| .vi-question-circle:before { |
| content: "\e755"; |
| } |
| |
| .vi-play-circle:before { |
| content: "\e756"; |
| } |
| |
| .vi-question:before { |
| content: "\e759"; |
| } |
| |
| .vi-random3:before { |
| content: "\e734"; |
| } |
| |
| .vi-scissors:before { |
| content: "\e75a"; |
| } |
| |
| .vi-screwdriver:before { |
| content: "\e75b"; |
| } |
| |
| .vi-server:before { |
| content: "\e738"; |
| } |
| |
| .vi-database3:before { |
| content: "\e73a"; |
| } |
| |
| .vi-signal:before { |
| content: "\e75c"; |
| } |
| |
| .vi-sitemap3:before { |
| content: "\e73b"; |
| } |
| |
| .vi-spoon:before { |
| content: "\e75d"; |
| } |
| |
| .vi-strikethrough:before { |
| content: "\e75e"; |
| } |
| |
| .vi-sun-o:before { |
| content: "\e75f"; |
| } |
| |
| .vi-tasks:before { |
| content: "\e73e"; |
| } |
| |
| .vi-text-height:before { |
| content: "\e760"; |
| } |
| |
| .vi-text-width:before { |
| content: "\e761"; |
| } |
| |
| .vi-ticket:before { |
| content: "\e741"; |
| } |
| |
| .vi-toolbox:before { |
| content: "\e762"; |
| } |
| |
| .vi-tools:before { |
| content: "\e763"; |
| } |
| |
| .vi-trophy:before { |
| content: "\e764"; |
| } |
| |
| .vi-underline:before { |
| content: "\e765"; |
| } |
| |
| .vi-unlink:before { |
| content: "\e766"; |
| } |
| |
| .vi-upload:before { |
| content: "\e76b"; |
| } |
| |
| .vi-users:before { |
| content: "\e76c"; |
| } |
| |
| .vi-warning:before { |
| content: "\e76d"; |
| } |
| |
| .vi-wrench:before { |
| content: "\e76e"; |
| } |
| |
| .vi-adjust:before { |
| content: "\e76f"; |
| } |
| |
| .vi-align-center:before { |
| content: "\e770"; |
| } |
| |
| .vi-align-left:before { |
| content: "\e771"; |
| } |
| |
| .vi-align-right:before { |
| content: "\e772"; |
| } |
| |
| .vi-arrow-long-down:before { |
| content: "\e773"; |
| } |
| |
| .vi-arrow-long-left:before { |
| content: "\e774"; |
| } |
| |
| .vi-arrows-cross:before { |
| content: "\e775"; |
| } |
| |
| .vi-arrows-long-h:before { |
| content: "\e776"; |
| } |
| |
| .vi-arrows-long-right:before { |
| content: "\e777"; |
| } |
| |
| .vi-arrows-long-up:before { |
| content: "\e778"; |
| } |
| |
| .vi-arrows-long-v:before { |
| content: "\e779"; |
| } |
| |
| .vi-arrows:before { |
| content: "\e77a"; |
| } |
| |
| .vi-backwards:before { |
| content: "\e77b"; |
| } |
| |
| .vi-bar-chart:before { |
| content: "\e758"; |
| } |
| |
| .vi-bell-o:before { |
| content: "\e77c"; |
| } |
| |
| .vi-bolt:before { |
| content: "\e77d"; |
| } |
| |
| .vi-chat:before { |
| content: "\e77e"; |
| } |
| |
| .vi-check:before { |
| content: "\e77f"; |
| } |
| |
| .vi-circle-thin:before { |
| content: "\e780"; |
| } |
| |
| .vi-circle:before { |
| content: "\e781"; |
| } |
| |
| .vi-cloud-download-o:before { |
| content: "\e782"; |
| } |
| |
| .vi-cloud-download:before { |
| content: "\e783"; |
| } |
| |
| .vi-cloud-o:before { |
| content: "\e784"; |
| } |
| |
| .vi-cloud-upload-o:before { |
| content: "\e785"; |
| } |
| |
| .vi-cloud-upload:before { |
| content: "\e786"; |
| } |
| |
| .vi-cloud:before { |
| content: "\e787"; |
| } |
| |
| .vi-cog-o:before { |
| content: "\e788"; |
| } |
| |
| .vi-comment-ellipsis-o:before { |
| content: "\e789"; |
| } |
| |
| .vi-comment-ellipsis:before { |
| content: "\e78a"; |
| } |
| |
| .vi-comment-o:before { |
| content: "\e769"; |
| } |
| |
| .vi-comment:before { |
| content: "\e76a"; |
| } |
| |
| .vi-comments-o:before { |
| content: "\e78b"; |
| } |
| |
| .vi-comments:before { |
| content: "\e78c"; |
| } |
| |
| .vi-compress:before { |
| content: "\e78d"; |
| } |
| |
| .vi-connect-o:before { |
| content: "\e78e"; |
| } |
| |
| .vi-connect:before { |
| content: "\e78f"; |
| } |
| |
| .vi-credit-card:before { |
| content: "\e790"; |
| } |
| |
| .vi-crop:before { |
| content: "\e791"; |
| } |
| |
| .vi-deindent:before { |
| content: "\e792"; |
| } |
| |
| .vi-edit:before { |
| content: "\e795"; |
| } |
| |
| .vi-eject:before { |
| content: "\e796"; |
| } |
| |
| .vi-ellipsis-h:before { |
| content: "\e79b"; |
| } |
| |
| .vi-ellipsis-v:before { |
| content: "\e79c"; |
| } |
| |
| .vi-expand-full:before { |
| content: "\e79d"; |
| } |
| |
| .vi-expand:before { |
| content: "\e79e"; |
| } |
| |
| .vi-fast-backward:before { |
| content: "\e79f"; |
| } |
| |
| .vi-fast-forward:before { |
| content: "\e7a0"; |
| } |
| |
| .vi-film:before { |
| content: "\e7a1"; |
| } |
| |
| .vi-folder-open-o:before { |
| content: "\e7a2"; |
| } |
| |
| .vi-folder-open:before { |
| content: "\e7a3"; |
| } |
| |
| .vi-forward:before { |
| content: "\e7a4"; |
| } |
| |
| .vi-glass:before { |
| content: "\e7a7"; |
| } |
| |
| .vi-globe:before { |
| content: "\e7a8"; |
| } |
| |
| .vi-heart-o:before { |
| content: "\e7a9"; |
| } |
| |
| .vi-heart:before { |
| content: "\e7aa"; |
| } |
| |
| .vi-indent:before { |
| content: "\e7ab"; |
| } |
| |
| .vi-laptop:before { |
| content: "\e7ac"; |
| } |
| |
| .vi-level-down:before { |
| content: "\e7ad"; |
| } |
| |
| .vi-level-left:before { |
| content: "\e7ae"; |
| } |
| |
| .vi-level-right:before { |
| content: "\e7af"; |
| } |
| |
| .vi-level-up:before { |
| content: "\e7b0"; |
| } |
| |
| .vi-magnet:before { |
| content: "\e7b1"; |
| } |
| |
| .vi-map-marker:before { |
| content: "\e7b2"; |
| } |
| |
| .vi-moon-o:before { |
| content: "\e7b5"; |
| } |
| |
| .vi-moon:before { |
| content: "\e7b6"; |
| } |
| |
| .vi-movie:before { |
| content: "\e7b7"; |
| } |
| |
| .vi-music:before { |
| content: "\e7b8"; |
| } |
| |
| .vi-pause:before { |
| content: "\e7b9"; |
| } |
| |
| .vi-play:before { |
| content: "\e7ba"; |
| } |
| |
| .vi-power-off:before { |
| content: "\e7bb"; |
| } |
| |
| .vi-refresh:before { |
| content: "\e7bc"; |
| } |
| |
| .vi-reply-all:before { |
| content: "\e7bd"; |
| } |
| |
| .vi-reply:before { |
| content: "\e7be"; |
| } |
| |
| .vi-retweet3:before { |
| content: "\e794"; |
| } |
| |
| .vi-rotate-left:before { |
| content: "\e7bf"; |
| } |
| |
| .vi-rotate-right:before { |
| content: "\e7c0"; |
| } |
| |
| .vi-share:before { |
| content: "\e7c1"; |
| } |
| |
| .vi-sign-in3:before { |
| content: "\e799"; |
| } |
| |
| .vi-sign-out:before { |
| content: "\e79a"; |
| } |
| |
| .vi-sort:before { |
| content: "\e7c2"; |
| } |
| |
| .vi-sound-disable:before { |
| content: "\e7c3"; |
| } |
| |
| .vi-square-shadow:before { |
| content: "\e7c4"; |
| } |
| |
| .vi-star-half-left-o:before { |
| content: "\e7c5"; |
| } |
| |
| .vi-star-half-left:before { |
| content: "\e7c6"; |
| } |
| |
| .vi-star-half-right-o:before { |
| content: "\e7c7"; |
| } |
| |
| .vi-star-half-right:before { |
| content: "\e7c8"; |
| } |
| |
| .vi-star-o:before { |
| content: "\e7c9"; |
| } |
| |
| .vi-star:before { |
| content: "\e7ca"; |
| } |
| |
| .vi-step-backward:before { |
| content: "\e7cb"; |
| } |
| |
| .vi-step-forward:before { |
| content: "\e7cc"; |
| } |
| |
| .vi-stop:before { |
| content: "\e7cd"; |
| } |
| |
| .vi-table3:before { |
| content: "\e7a6"; |
| } |
| |
| .vi-thin-square:before { |
| content: "\e7ce"; |
| } |
| |
| .vi-time-backward:before { |
| content: "\e7cf"; |
| } |
| |
| .vi-time-forward:before { |
| content: "\e7d0"; |
| } |
| |
| .vi-volume-down:before { |
| content: "\e7d1"; |
| } |
| |
| .vi-volume-off:before { |
| content: "\e7d2"; |
| } |
| |
| .vi-volume-up:before { |
| content: "\e7d3"; |
| } |
| |
| .vi-volume:before { |
| content: "\e7d4"; |
| } |
| |
| .vi-close:before { |
| content: "\e7d5"; |
| } |
| |
| .vi-align-justify:before { |
| content: "\e7d6"; |
| } |
| |
| .vi-arrow-down:before { |
| content: "\e7d7"; |
| } |
| |
| .vi-arrow-left:before { |
| content: "\e7d8"; |
| } |
| |
| .vi-arrow-right:before { |
| content: "\e7d9"; |
| } |
| |
| .vi-arrow-up:before { |
| content: "\e7da"; |
| } |
| |
| .vi-menu:before { |
| content: "\e7b4"; |
| } |
| |
| .vi-bell:before { |
| content: "\e7db"; |
| } |
| |
| .vi-bookmark-o:before { |
| content: "\e7dc"; |
| } |
| |
| .vi-bookmark:before { |
| content: "\e7dd"; |
| } |
| |
| .vi-building-o:before { |
| content: "\e7de"; |
| } |
| |
| .vi-building:before { |
| content: "\e7df"; |
| } |
| |
| .vi-calendar-o:before { |
| content: "\e7e0"; |
| } |
| |
| .vi-calendar:before { |
| content: "\e7e3"; |
| } |
| |
| .vi-camera:before { |
| content: "\e7e4"; |
| } |
| |
| .vi-caret-down:before { |
| content: "\e7e5"; |
| } |
| |
| .vi-caret-left:before { |
| content: "\e7e6"; |
| } |
| |
| .vi-caret-right:before { |
| content: "\e7e7"; |
| } |
| |
| .vi-caret-square-down-o:before { |
| content: "\e7e8"; |
| } |
| |
| .vi-caret-square-left-o:before { |
| content: "\e7e9"; |
| } |
| |
| .vi-caret-square-right-o:before { |
| content: "\e7ea"; |
| } |
| |
| .vi-caret-square-up-o:before { |
| content: "\e7eb"; |
| } |
| |
| .vi-caret-up:before { |
| content: "\e7ec"; |
| } |
| |
| .vi-check-circle-o:before { |
| content: "\e7ed"; |
| } |
| |
| .vi-check-circle:before { |
| content: "\e7ee"; |
| } |
| |
| .vi-chevron-circle-down-o:before { |
| content: "\e7ef"; |
| } |
| |
| .vi-chevron-circle-down:before { |
| content: "\e7f4"; |
| } |
| |
| .vi-chevron-circle-left-o:before { |
| content: "\e7f5"; |
| } |
| |
| .vi-chevron-circle-left:before { |
| content: "\e7f6"; |
| } |
| |
| .vi-chevron-circle-right-o:before { |
| content: "\e7f7"; |
| } |
| |
| .vi-chevron-circle-right:before { |
| content: "\e7f8"; |
| } |
| |
| .vi-chevron-circle-up-o:before { |
| content: "\e7f9"; |
| } |
| |
| .vi-chevron-circle-up:before { |
| content: "\e7fa"; |
| } |
| |
| .vi-chevron-down:before { |
| content: "\e7fb"; |
| } |
| |
| .vi-chevron-left:before { |
| content: "\e7fc"; |
| } |
| |
| .vi-chevron-right:before { |
| content: "\e7fd"; |
| } |
| |
| .vi-chevron-up:before { |
| content: "\e7fe"; |
| } |
| |
| .vi-clock:before { |
| content: "\e7ff"; |
| } |
| |
| .vi-cog:before { |
| content: "\e800"; |
| } |
| |
| .vi-copy-o:before { |
| content: "\e801"; |
| } |
| |
| .vi-copy:before { |
| content: "\e802"; |
| } |
| |
| .vi-crosshairs:before { |
| content: "\e803"; |
| } |
| |
| .vi-desktop:before { |
| content: "\e804"; |
| } |
| |
| .vi-insert:before { |
| content: "\e805"; |
| } |
| |
| .vi-ellipsis-circle-o:before { |
| content: "\e806"; |
| } |
| |
| .vi-ellipsis-circle:before { |
| content: "\e807"; |
| } |
| |
| .vi-envelope-o:before { |
| content: "\e808"; |
| } |
| |
| .vi-envelope:before { |
| content: "\e809"; |
| } |
| |
| .vi-expand-square:before { |
| content: "\e80a"; |
| } |
| |
| .vi-external-link:before { |
| content: "\e80b"; |
| } |
| |
| .vi-eye:before { |
| content: "\e80c"; |
| } |
| |
| .vi-file-o:before { |
| content: "\e80d"; |
| } |
| |
| .vi-file-text-o:before { |
| content: "\e7e2"; |
| } |
| |
| .vi-file-text:before { |
| content: "\e80e"; |
| } |
| |
| .vi-file:before { |
| content: "\e80f"; |
| } |
| |
| .vi-flask:before { |
| content: "\e810"; |
| } |
| |
| .vi-folder-o:before { |
| content: "\e811"; |
| } |
| |
| .vi-folder:before { |
| content: "\e812"; |
| } |
| |
| .vi-glasses:before { |
| content: "\e813"; |
| } |
| |
| .vi-grid-big-o:before { |
| content: "\e814"; |
| } |
| |
| .vi-grid-big:before { |
| content: "\e815"; |
| } |
| |
| .vi-grid-small-o:before { |
| content: "\e816"; |
| } |
| |
| .vi-grid-small:before { |
| content: "\e817"; |
| } |
| |
| .vi-home-o:before { |
| content: "\e818"; |
| } |
| |
| .vi-home:before { |
| content: "\e819"; |
| } |
| |
| .vi-lines-list:before { |
| content: "\e81a"; |
| } |
| |
| .vi-lines:before { |
| content: "\e81b"; |
| } |
| |
| .vi-list-ul:before { |
| content: "\e7f2"; |
| } |
| |
| .vi-list:before { |
| content: "\e7f3"; |
| } |
| |
| .vi-lock:before { |
| content: "\e81c"; |
| } |
| |
| .vi-minus-circle-o:before { |
| content: "\e81d"; |
| } |
| |
| .vi-minus-circle:before { |
| content: "\e81e"; |
| } |
| |
| .vi-minus-square-left-o:before { |
| content: "\e81f"; |
| } |
| |
| .vi-minus:before { |
| content: "\e820"; |
| } |
| |
| .vi-mobile:before { |
| content: "\f11f"; |
| } |
| |
| .vi-modal:before { |
| content: "\e822"; |
| } |
| |
| .vi-open-book:before { |
| content: "\e823"; |
| } |
| |
| .vi-pencil:before { |
| content: "\e824"; |
| } |
| |
| .vi-phone:before { |
| content: "\e825"; |
| } |
| |
| .vi-picture:before { |
| content: "\e826"; |
| } |
| |
| .vi-pin:before { |
| content: "\e827"; |
| } |
| |
| .vi-plus-circle-o:before { |
| content: "\e828"; |
| } |
| |
| .vi-plus-circle:before { |
| content: "\e829"; |
| } |
| |
| .vi-plus-square-left-o:before { |
| content: "\e82a"; |
| } |
| |
| .vi-plus:before { |
| content: "\e82b"; |
| } |
| |
| .vi-print:before { |
| content: "\e82c"; |
| } |
| |
| .vi-search-minus:before { |
| content: "\e82d"; |
| } |
| |
| .vi-search-plus:before { |
| content: "\e82e"; |
| } |
| |
| .vi-search:before { |
| content: "\e82f"; |
| } |
| |
| .vi-area-select:before { |
| content: "\e830"; |
| } |
| |
| .vi-split-h:before { |
| content: "\e831"; |
| } |
| |
| .vi-split-v:before { |
| content: "\e832"; |
| } |
| |
| .vi-suitcase:before { |
| content: "\e833"; |
| } |
| |
| .vi-tablet:before { |
| content: "\e834"; |
| } |
| |
| .vi-trash:before { |
| content: "\e835"; |
| } |
| |
| .vi-unlock:before { |
| content: "\e836"; |
| } |
| |
| .vi-user:before { |
| content: "\e837"; |
| } |
| |
| .vi-vaadin-h:before { |
| content: "\e838"; |
| } |
| |
| .vi-vaadin-v:before { |
| content: "\e839"; |
| } |
| |
| .vi-close-circle-o:before { |
| content: "\e83a"; |
| } |
| |
| .vi-close-circle:before { |
| content: "\e83b"; |
| } |
| |
| .vi-browser:before { |
| content: "\f0cf"; |
| } |
| |
| .vi-loop-alt1:before { |
| content: "\e900"; |
| } |
| |
| .vi-transfer:before { |
| content: "\e901"; |
| } |
| |
| .vi-th-list:before { |
| content: "\f00f"; |
| } |
| |
| .vi-list-alt:before { |
| content: "\f03f"; |
| } |
| |
| .vi-book:before { |
| content: "\f04f"; |
| } |
| |
| .vi-random:before { |
| content: "\f07f"; |
| } |
| |
| .vi-retweet:before { |
| content: "\f08f"; |
| } |
| |
| .vi-sign-in:before { |
| content: "\f09f"; |
| } |
| |
| .vi-filter:before { |
| content: "\f0b3"; |
| } |
| |
| .vi-bars:before { |
| content: "\f0df"; |
| } |
| |
| .vi-navicon:before { |
| content: "\f0df"; |
| } |
| |
| .vi-reorder:before { |
| content: "\f0df"; |
| } |
| |
| .vi-table:before { |
| content: "\f0ef"; |
| } |
| |
| .vi-magic:before { |
| content: "\f0ff"; |
| } |
| |
| .vi-columns:before { |
| content: "\f10f"; |
| } |
| |
| .vi-sitemap:before { |
| content: "\f116"; |
| } |
| |
| .vi-exchange:before { |
| content: "\f117"; |
| } |
| |
| .vi-mobile:before { |
| content: "\f11f"; |
| } |
| |
| .vi-mobile-phone:before { |
| content: "\f11f"; |
| } |
| |
| .vi-puzzle-piece:before { |
| content: "\f12f"; |
| } |
| |
| .vi-unlock-alt:before { |
| content: "\f13f"; |
| } |
| |
| .vi-cube:before { |
| content: "\f1bf"; |
| } |
| |
| .vi-database:before { |
| content: "\f1cf"; |
| } |
| |
| .vi-paper-plane-o:before { |
| content: "\f1df"; |
| } |
| |
| .vi-send-o:before { |
| content: "\f1df"; |
| } |
| |
| .vi-newspaper-o:before { |
| content: "\f1ef"; |
| } |
| |
| .vi-pie-chart:before { |
| content: "\f20f"; |
| } |
| |
| .vi-line-chart:before { |
| content: "\f21f"; |
| } |
| |
| .vi-safari:before { |
| content: "\f26f"; |
| } |
| |
| .vi-chrome:before { |
| content: "\f27f"; |
| } |
| |
| .vi-firefox:before { |
| content: "\f28f"; |
| } |
| |
| .vi-opera:before { |
| content: "\f296"; |
| } |
| |
| .vi-internet-explorer:before { |
| content: "\f297"; |
| } |
| |
| .vi-map-o:before { |
| content: "\f298"; |
| } |
| |
| .vi-commenting-o:before { |
| content: "\f299"; |
| } |
| |
| .vi-edge:before { |
| content: "\f29a"; |
| } |
| |
| .osbp-cxo.v-app, .osbp-cxo.v-app-loading { |
| font: 300 16px/1.55 Arial; |
| color: #474747; |
| background-color: #fff; |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-app-loading { |
| width: 100%; |
| height: 100%; |
| background: #fff; |
| } |
| |
| .osbp-cxo .v-app-loading:before { |
| content: ""; |
| position: fixed; |
| z-index: 100; |
| top: 45%; |
| left: 50%; |
| width: 28px; |
| height: 28px; |
| padding: 8px; |
| margin-top: -22px; |
| margin-left: -22px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-app-loading:after { |
| position: fixed; |
| z-index: 100; |
| top: 45%; |
| padding-top: 44px; |
| text-align: center; |
| left: 0; |
| right: 0; |
| content: "OSBP"; |
| } |
| |
| .osbp-cxo .v-loading-indicator { |
| position: fixed !important; |
| z-index: 99999; |
| left: 0; |
| right: auto; |
| top: 0; |
| width: 50%; |
| opacity: 1; |
| height: 4px; |
| background-color: #ffd210; |
| 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; |
| } |
| |
| .osbp-cxo .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; |
| } |
| |
| .osbp-cxo .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 .osbp-cxo .v-loading-indicator-delay { |
| width: 50%; |
| } |
| |
| .osbp-cxo .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 .osbp-cxo .v-loading-indicator-wait { |
| width: 90%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-loading-indicator, .v-ie8 .osbp-cxo .v-loading-indicator-delay, .v-ie8 .osbp-cxo .v-loading-indicator-wait, .v-ie9 .osbp-cxo .v-loading-indicator, .v-ie9 .osbp-cxo .v-loading-indicator-delay, .v-ie9 .osbp-cxo .v-loading-indicator-wait { |
| width: 28px !important; |
| height: 28px; |
| padding: 8px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%; |
| border-radius: 4px; |
| top: 8px; |
| right: 8px; |
| left: auto; |
| filter: alpha(opacity=50); |
| } |
| |
| .v-ie8 .osbp-cxo .v-loading-indicator[style*="none"], .v-ie8 .osbp-cxo .v-loading-indicator-delay[style*="none"], .v-ie8 .osbp-cxo .v-loading-indicator-wait[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator-delay[style*="none"], .v-ie9 .osbp-cxo .v-loading-indicator-wait[style*="none"] { |
| display: none !important; |
| } |
| |
| .v-ie8 .osbp-cxo .v-loading-indicator-wait, .v-ie9 .osbp-cxo .v-loading-indicator-wait { |
| filter: alpha(opacity=100); |
| } |
| |
| .osbp-cxo .v-scrollable:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo img.v-icon { |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-caption { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| } |
| |
| .osbp-cxo .v-caption-on-left .v-caption, .osbp-cxo .v-caption-on-right .v-caption { |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-icon + .v-captiontext, .osbp-cxo .v-icon + span { |
| margin-left: 6px; |
| } |
| |
| .osbp-cxo .v-icon + .v-captiontext:empty, .osbp-cxo .v-icon + span:empty { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-errorindicator { |
| color: #ed473b; |
| font-weight: 600; |
| width: 16px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-errorindicator:before { |
| content: "!"; |
| } |
| |
| .osbp-cxo .v-required-field-indicator { |
| color: #ed473b; |
| padding: 0 0.2em; |
| } |
| |
| .osbp-cxo select { |
| font: inherit; |
| font-weight: 400; |
| line-height: inherit; |
| padding: 4px; |
| margin: 0; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| color: #464646; |
| } |
| |
| .osbp-cxo select:focus { |
| outline: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo button { |
| font: inherit; |
| font-weight: 400; |
| line-height: 1.55; |
| } |
| |
| .osbp-cxo a { |
| cursor: pointer; |
| color: #ffd210; |
| text-decoration: underline; |
| font-weight: inherit; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo a:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo a.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-disabled { |
| cursor: default !important; |
| } |
| |
| .osbp-cxo .v-drag-element { |
| background: #fff; |
| color: #474747; |
| -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); |
| box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); |
| border-radius: 4px; |
| overflow: hidden; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-tooltip { |
| background-color: #323232; |
| background-color: rgba(50, 50, 50, 0.9); |
| -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); |
| box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); |
| color: white; |
| padding: 4px 8px; |
| border-radius: 3px; |
| max-width: 35em; |
| overflow: hidden !important; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-tooltip div[style*="width"] { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .v-tooltip .v-errormessage { |
| background-color: white; |
| background-color: #fff; |
| color: #ed473b; |
| margin: -4px -8px; |
| padding: 4px 8px; |
| max-height: 10em; |
| overflow: auto; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-tooltip .v-errormessage h2:only-child { |
| font: inherit; |
| line-height: inherit; |
| } |
| |
| .osbp-cxo .v-tooltip .v-tooltip-text { |
| max-height: 10em; |
| overflow: auto; |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text { |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-tooltip h1, .osbp-cxo .v-tooltip h2, .osbp-cxo .v-tooltip h3, .osbp-cxo .v-tooltip h4 { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-contextmenu { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| padding: 4px 4px; |
| } |
| |
| .osbp-cxo .v-contextmenu[class*="animate-in"] { |
| -webkit-animation: valo-overlay-animate-in 120ms; |
| -moz-animation: valo-overlay-animate-in 120ms; |
| animation: valo-overlay-animate-in 120ms; |
| } |
| |
| .osbp-cxo .v-contextmenu[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-fade 120ms; |
| -moz-animation: valo-animate-out-fade 120ms; |
| animation: valo-animate-out-fade 120ms; |
| } |
| |
| .osbp-cxo .v-contextmenu table { |
| border-spacing: 0; |
| } |
| |
| .osbp-cxo .v-contextmenu .gwt-MenuItem { |
| cursor: pointer; |
| line-height: 23px; |
| padding: 0 16px 0 8px; |
| border-radius: 3px; |
| font-weight: 400; |
| white-space: nowrap; |
| position: relative; |
| display: block; |
| } |
| |
| .osbp-cxo .v-contextmenu .gwt-MenuItem:active:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| background: #be9a00; |
| opacity: 0.15; |
| filter: alpha(opacity=15.0) ; |
| pointer-events: none; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-contextmenu .gwt-MenuItem .v-icon { |
| max-height: 23px; |
| margin-right: 4px; |
| min-width: 1em; |
| } |
| |
| .osbp-cxo .v-contextmenu .gwt-MenuItem-selected { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-reconnect-dialog { |
| color: white; |
| top: 10px; |
| right: 10px; |
| max-width: 100%; |
| border-radius: 0; |
| -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| padding: 11px 13px; |
| background-color: #444; |
| background-color: rgba(68, 68, 68, 0.9); |
| line-height: 22px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-reconnect-dialog .text { |
| display: inline-block; |
| padding-left: 10px; |
| } |
| |
| .osbp-cxo .v-reconnect-dialog .spinner { |
| height: 24px !important; |
| width: 24px !important; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border: 2px solid rgba(255, 210, 16, 0.2); |
| border-top-color: #ffd210; |
| border-right-color: #ffd210; |
| 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; |
| display: none; |
| vertical-align: middle; |
| } |
| |
| .v-ie8 .osbp-cxo .v-reconnect-dialog .spinner, .v-ie9 .osbp-cxo .v-reconnect-dialog .spinner { |
| border: none; |
| border-radius: 4px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; |
| background-size: 80%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-reconnect-dialog .spinner { |
| min-width: 30px; |
| min-height: 30px; |
| } |
| |
| .osbp-cxo .v-reconnect-dialog.active .spinner { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-absolutelayout-wrapper { |
| position: absolute; |
| } |
| |
| .osbp-cxo .v-absolutelayout-margin, .osbp-cxo .v-absolutelayout-canvas { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-absolutelayout.v-has-height > div, .osbp-cxo .v-absolutelayout.v-has-height .v-absolutelayout-margin { |
| height: 100%; |
| } |
| |
| .osbp-cxo .v-absolutelayout.v-has-height > div, .osbp-cxo .v-absolutelayout.v-has-width .v-absolutelayout-margin { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-margin-top { |
| padding-top: 32px; |
| } |
| |
| .osbp-cxo .v-margin-right { |
| padding-right: 32px; |
| } |
| |
| .osbp-cxo .v-margin-bottom { |
| padding-bottom: 32px; |
| } |
| |
| .osbp-cxo .v-margin-left { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-spacing { |
| width: 10px; |
| height: 10px; |
| } |
| |
| .osbp-cxo .v-verticallayout-well, .osbp-cxo .v-horizontallayout-well { |
| background: #f5f5f5; |
| color: #454545; |
| -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-verticallayout-well > div > [class*="-caption"], .osbp-cxo .v-horizontallayout-well > div > [class*="-caption"] { |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-verticallayout-well > .v-margin-top, .osbp-cxo .v-horizontallayout-well > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-well > .v-margin-right, .osbp-cxo .v-horizontallayout-well > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-well > .v-margin-bottom, .osbp-cxo .v-horizontallayout-well > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-well > .v-margin-left, .osbp-cxo .v-horizontallayout-well > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-card, .osbp-cxo .v-horizontallayout-card { |
| background: white; |
| color: #474747; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-verticallayout-card > .v-margin-top, .osbp-cxo .v-horizontallayout-card > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-card > .v-margin-right, .osbp-cxo .v-horizontallayout-card > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-card > .v-margin-bottom, .osbp-cxo .v-horizontallayout-card > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-verticallayout-card > .v-margin-left, .osbp-cxo .v-horizontallayout-card > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-horizontallayout-wrapping { |
| white-space: normal !important; |
| } |
| |
| .osbp-cxo .v-horizontallayout-wrapping > .v-spacing + .v-slot, .osbp-cxo .v-horizontallayout-wrapping > .v-slot:first-child { |
| margin-bottom: 10px; |
| } |
| |
| .osbp-cxo .v-horizontallayout-wrapping > .v-slot:first-child:last-child { |
| margin-bottom: 0; |
| } |
| |
| .osbp-cxo .v-button { |
| position: relative; |
| text-align: center; |
| white-space: nowrap; |
| outline: none; |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-button:before { |
| content: ""; |
| display: inline-block; |
| width: 0; |
| height: 100%; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-button > div { |
| vertical-align: middle; |
| } |
| |
| .v-sa .osbp-cxo .v-button:before { |
| height: 110%; |
| } |
| |
| .v-ff .osbp-cxo .v-button:before { |
| height: 107%; |
| } |
| |
| .v-ie .osbp-cxo .v-button:before { |
| margin-top: 4px; |
| } |
| |
| .osbp-cxo .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; |
| } |
| |
| .osbp-cxo .v-button:focus:after { |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| } |
| |
| .osbp-cxo .v-button.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-button.v-disabled:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-button:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-button:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-button:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-button-primary { |
| height: 32px; |
| padding: 0 14px; |
| color: #151206; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0 16px; |
| font-weight: bold; |
| min-width: 70px; |
| } |
| |
| .osbp-cxo .v-button-primary:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-primary:hover:after { |
| background-color: rgba(143, 116, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-button-primary:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-button-primary:active:after { |
| background-color: rgba(136, 110, 0, 0.2); |
| } |
| |
| .v-ie8 .osbp-cxo .v-button-primary { |
| min-width: 38px; |
| } |
| |
| .osbp-cxo .v-button-friendly { |
| height: 32px; |
| padding: 0 14px; |
| color: #eaf4e9; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #2c9720; |
| background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%); |
| background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-button-friendly:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-friendly:hover:after { |
| background-color: rgba(65, 211, 48, 0.1); |
| } |
| |
| .osbp-cxo .v-button-friendly:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-button-friendly:active:after { |
| background-color: rgba(14, 86, 6, 0.2); |
| } |
| |
| .osbp-cxo .v-button-danger { |
| height: 32px; |
| padding: 0 14px; |
| color: #f9f0ef; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #ed473b; |
| background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%); |
| background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-button-danger:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-danger:hover:after { |
| background-color: rgba(243, 137, 129, 0.1); |
| } |
| |
| .osbp-cxo .v-button-danger:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-button-danger:active:after { |
| background-color: rgba(146, 12, 2, 0.2); |
| } |
| |
| .osbp-cxo .v-button-borderless { |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| background: transparent; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-button-borderless:hover:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-borderless:active { |
| opacity: 0.7; |
| filter: alpha(opacity=70) ; |
| } |
| |
| .osbp-cxo .v-button-borderless:active:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-borderless-colored { |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| background: transparent; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-button-borderless-colored:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-button-borderless-colored:hover:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-borderless-colored:active { |
| opacity: 0.7; |
| filter: alpha(opacity=70) ; |
| } |
| |
| .osbp-cxo .v-button-borderless-colored:active:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-quiet { |
| visibility: hidden; |
| } |
| |
| .osbp-cxo .v-button-quiet:focus, .osbp-cxo .v-button-quiet:hover { |
| visibility: visible; |
| } |
| |
| .osbp-cxo .v-button-quiet [class*="wrap"] { |
| visibility: visible; |
| } |
| |
| .osbp-cxo .v-button-quiet [class*="caption"] { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-button-link { |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| background: transparent; |
| color: inherit; |
| cursor: pointer; |
| color: #ffd210; |
| text-decoration: underline; |
| font-weight: inherit; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-button-link:hover:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-link:active { |
| opacity: 0.7; |
| filter: alpha(opacity=70) ; |
| } |
| |
| .osbp-cxo .v-button-link:active:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-button-link:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-button-link.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-button-tiny { |
| height: 32px; |
| padding: 0 14px; |
| |
| |
| font-size: 16px; |
| |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-button-tiny:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-small { |
| height: 27px; |
| padding: 0 12px; |
| |
| |
| font-size: 14px; |
| |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-button-small:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-large { |
| height: 45px; |
| padding: 0 20px; |
| |
| |
| font-size: 23px; |
| |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-button-large:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-huge { |
| height: 58px; |
| padding: 0 25px; |
| |
| |
| font-size: 29px; |
| |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-button-huge:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-button-icon-align-right [class*="wrap"] { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-button-icon-align-right .v-icon { |
| float: right; |
| margin-left: 12px; |
| } |
| |
| .osbp-cxo .v-button-icon-align-right .v-icon + span:not(:empty) { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-button-icon-align-top { |
| height: auto; |
| padding-top: 4px; |
| padding-bottom: 4px; |
| } |
| |
| .osbp-cxo .v-button-icon-align-top [class*="wrap"] { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-button-icon-align-top .v-icon { |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .osbp-cxo .v-button-icon-align-top .v-icon + span:not(:empty) { |
| margin-top: 6px; |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-button-icon-only { |
| width: 32px; |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-button-icon-only.v-button-tiny { |
| width: 32px; |
| } |
| |
| .osbp-cxo .v-button-icon-only.v-button-small { |
| width: 27px; |
| } |
| |
| .osbp-cxo .v-button-icon-only.v-button-large { |
| width: 45px; |
| } |
| |
| .osbp-cxo .v-button-icon-only.v-button-huge { |
| width: 58px; |
| } |
| |
| .osbp-cxo .v-button-icon-only .v-button-caption { |
| display: none; |
| } |
| |
| .osbp-cxo .v-checkbox { |
| position: relative; |
| line-height: 16px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-checkbox.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-checkbox { |
| padding-left: 21px; |
| } |
| |
| :root .osbp-cxo .v-checkbox label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after { |
| content: ""; |
| display: inline-block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 16px; |
| height: 16px; |
| position: absolute; |
| top: 0; |
| left: 0; |
| border-radius: 4px; |
| font-size: 13px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before { |
| height: 16px; |
| padding: 0 8px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 16px; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-checkbox > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-checkbox > .v-icon, .osbp-cxo .v-checkbox > label .v-icon { |
| margin: 0 5px 0 3px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-checkbox.v-disabled > label, .osbp-cxo .v-checkbox.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-checkbox.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-checkbox.v-readonly > label, .osbp-cxo .v-checkbox.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-checkbox.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-checkbox.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-checkbox-small { |
| position: relative; |
| line-height: 14px; |
| white-space: nowrap; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-checkbox-small.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small { |
| padding-left: 18px; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input ~ label:before, :root .osbp-cxo .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: 14px; |
| height: 14px; |
| position: absolute; |
| top: 0; |
| left: 0; |
| border-radius: 4px; |
| font-size: 11px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input ~ label:before { |
| height: 13.5px; |
| padding: 0 7px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 14px; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-checkbox-small > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-checkbox-small > .v-icon, .osbp-cxo .v-checkbox-small > label .v-icon { |
| margin: 0 5px 0 2px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-checkbox-small.v-disabled > label, .osbp-cxo .v-checkbox-small.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-checkbox-small.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-checkbox-small.v-readonly > label, .osbp-cxo .v-checkbox-small.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-checkbox-small.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-checkbox-small.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-checkbox-large { |
| position: relative; |
| line-height: 23px; |
| white-space: nowrap; |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-checkbox-large.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large { |
| padding-left: 30px; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input ~ label:before, :root .osbp-cxo .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: 18px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input ~ label:before { |
| height: 22.5px; |
| padding: 0 10px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 23px; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-checkbox-large > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-checkbox-large > .v-icon, .osbp-cxo .v-checkbox-large > label .v-icon { |
| margin: 0 8px 0 4px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-checkbox-large.v-disabled > label, .osbp-cxo .v-checkbox-large.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-checkbox-large.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-checkbox-large.v-readonly > label, .osbp-cxo .v-checkbox-large.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-checkbox-large.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-checkbox-large.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-filterselect { |
| position: relative; |
| width: 364px; |
| height: 32px; |
| border-radius: 4px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-filterselect [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 4px 8px; |
| border: 1px solid #d4d4d4; |
| background: white; |
| color: #474747; |
| -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 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: 33px; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect [class*="input"], .v-ie9 .osbp-cxo .v-filterselect [class*="input"] { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-filterselect [class*="input"].v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect [class*="input"]:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-filterselect [class*="input"][class*="prompt"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-filterselect .v-icon + [class*="input"] { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-filterselect img.v-icon { |
| max-height: 32px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-filterselect span.v-icon { |
| color: #474747; |
| width: 32px; |
| line-height: 1; |
| padding-top: 0.12em; |
| } |
| |
| .osbp-cxo .v-filterselect[class*="prompt"] > [class*="input"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-filterselect [class$="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| position: absolute; |
| width: 32px; |
| top: 1px; |
| right: 1px; |
| bottom: 1px; |
| border-left: 1px solid #d4d4d4; |
| color: #a3a3a3; |
| border-radius: 0 3px 3px 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect [class$="button"] { |
| background-color: white; |
| } |
| |
| .osbp-cxo .v-filterselect [class$="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| position: absolute; |
| width: 32px; |
| text-align: center; |
| top: 50%; |
| line-height: 1; |
| margin-top: -0.47em; |
| } |
| |
| .osbp-cxo .v-filterselect [class$="button"]:hover:before { |
| color: #474747; |
| } |
| |
| .osbp-cxo .v-filterselect [class$="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); |
| } |
| |
| .osbp-cxo .v-filterselect.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect.v-disabled [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect.v-disabled [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect.v-readonly [class*="input"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect.v-readonly [class*="input"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-filterselect.v-readonly [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect.v-readonly [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect .v-icon { |
| position: absolute; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-error .v-filterselect-input { |
| border-color: #ed473b !important; |
| background: #fffbfb; |
| color: #6c2621; |
| } |
| |
| .osbp-cxo .v-filterselect-error .v-filterselect-button { |
| color: #ed473b; |
| border-color: #ed473b; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup { |
| margin-top: 4px !important; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup[class*="animate-in"] { |
| -webkit-animation: valo-overlay-animate-in 120ms; |
| -moz-animation: valo-overlay-animate-in 120ms; |
| animation: valo-overlay-animate-in 120ms; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup [class$="suggestmenu"] { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| padding: 4px 4px; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| position: relative; |
| z-index: 1; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup [class$="suggestmenu"][style*="height"] { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup table, .osbp-cxo .v-filterselect-suggestpopup tbody, .osbp-cxo .v-filterselect-suggestpopup tr, .osbp-cxo .v-filterselect-suggestpopup td { |
| display: block; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem { |
| cursor: pointer; |
| line-height: 23px; |
| padding: 0 16px 0 8px; |
| border-radius: 3px; |
| font-weight: 400; |
| white-space: nowrap; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem:active:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| background: #be9a00; |
| opacity: 0.15; |
| filter: alpha(opacity=15.0) ; |
| pointer-events: none; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem .v-icon { |
| max-height: 23px; |
| margin-right: 4px; |
| min-width: 1em; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup .gwt-MenuItem-selected { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup [class$="status"] { |
| position: absolute; |
| right: 4px; |
| background: rgba(212, 212, 212, 0.9); |
| color: #3b3b3b; |
| border-radius: 0 0 4px 4px; |
| height: 20px; |
| bottom: -20px; |
| font-size: 12px; |
| line-height: 20px; |
| padding: 0 5px; |
| cursor: default; |
| pointer-events: none; |
| -webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards; |
| -moz-animation: valo-animate-in-slide-down 200ms 80ms backwards; |
| animation: valo-animate-in-slide-down 200ms 80ms backwards; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup [class$="status"] > * { |
| color: #3b3b3b; |
| text-decoration: none; |
| } |
| |
| .osbp-cxo .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: 22px; |
| height: 22px; |
| line-height: 22px; |
| text-align: center; |
| font-family: ThemeIcons; |
| -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; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:after { |
| content: ""; |
| position: absolute; |
| display: block; |
| border-radius: 50%; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:hover { |
| opacity: 1; |
| filter: none ; |
| background: rgba(250, 250, 250, 0.5); |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="page"]:hover:after { |
| top: -10px; |
| bottom: -10px; |
| left: -20px; |
| right: -20px; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="page"] span { |
| display: none; |
| } |
| |
| .osbp-cxo .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); |
| } |
| |
| .osbp-cxo .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; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="prev"]:before { |
| content: "\f0d8"; |
| } |
| |
| .osbp-cxo .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; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="next"]:before { |
| content: "\f0d7"; |
| } |
| |
| .osbp-cxo .v-filterselect-suggestpopup div[class*="-off"] { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-no-input { |
| cursor: pointer; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-filterselect-no-input [class*="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; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| text-shadow: inherit; |
| text-overflow: ellipsis; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-no-input [class*="input"]:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-filterselect-no-input [class$="button"] { |
| border-left: none !important; |
| } |
| |
| .osbp-cxo .v-filterselect-no-input:hover [class$="button"]:before { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-borderless .v-filterselect-input { |
| border: none; |
| border-radius: 0; |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-borderless .v-filterselect-input:focus { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect-borderless .v-filterselect-input[class*="prompt"] { |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-filterselect-borderless .v-filterselect-button { |
| border: none; |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input { |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-filterselect-align-right input { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-filterselect-align-center input { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny { |
| height: 32px; |
| |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| |
| padding: 4px 6px; |
| |
| |
| -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: 33px; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect-tiny [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-tiny [class*="input"] { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny .v-icon + [class*="input"] { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny img.v-icon { |
| max-height: 32px; |
| margin-left: 6px; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny span.v-icon { |
| |
| width: 32px; |
| line-height: 1; |
| padding-top: 0.12em; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny [class$="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| position: absolute; |
| width: 32px; |
| border-radius: 0 4px 4px 0; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny [class$="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| position: absolute; |
| width: 32px; |
| text-align: center; |
| top: 50%; |
| line-height: 1; |
| margin-top: -0.47em; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny [class$="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-disabled [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-disabled [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-readonly [class*="input"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-readonly [class*="input"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-readonly [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-tiny.v-readonly [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-compact, .osbp-cxo .v-filterselect-small { |
| height: 27px; |
| |
| } |
| |
| .osbp-cxo .v-filterselect-compact [class*="input"], .osbp-cxo .v-filterselect-small [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 27px; |
| |
| padding: 3px 5px; |
| |
| |
| -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: 28px; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect-compact [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-compact [class*="input"], .v-ie8 .osbp-cxo .v-filterselect-small [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-small [class*="input"] { |
| line-height: 27px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-filterselect-compact .v-icon + [class*="input"], .osbp-cxo .v-filterselect-small .v-icon + [class*="input"] { |
| padding-left: 27px; |
| } |
| |
| .osbp-cxo .v-filterselect-compact img.v-icon, .osbp-cxo .v-filterselect-small img.v-icon { |
| max-height: 27px; |
| margin-left: 5px; |
| } |
| |
| .osbp-cxo .v-filterselect-compact span.v-icon, .osbp-cxo .v-filterselect-small span.v-icon { |
| |
| width: 27px; |
| line-height: 1; |
| padding-top: 0.12em; |
| } |
| |
| .osbp-cxo .v-filterselect-compact [class$="button"], .osbp-cxo .v-filterselect-small [class$="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| position: absolute; |
| width: 27px; |
| border-radius: 0 4px 4px 0; |
| } |
| |
| .osbp-cxo .v-filterselect-compact [class$="button"]:before, .osbp-cxo .v-filterselect-small [class$="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| position: absolute; |
| width: 27px; |
| text-align: center; |
| top: 50%; |
| line-height: 1; |
| margin-top: -0.47em; |
| } |
| |
| .osbp-cxo .v-filterselect-compact [class$="button"]:active:after, .osbp-cxo .v-filterselect-small [class$="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-disabled, .osbp-cxo .v-filterselect-small.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-disabled [class$="button"], .osbp-cxo .v-filterselect-small.v-disabled [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-disabled [class$="button"]:active:after, .osbp-cxo .v-filterselect-small.v-disabled [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-readonly [class*="input"], .osbp-cxo .v-filterselect-small.v-readonly [class*="input"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-readonly [class*="input"]:focus, .osbp-cxo .v-filterselect-small.v-readonly [class*="input"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-readonly [class$="button"], .osbp-cxo .v-filterselect-small.v-readonly [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-compact.v-readonly [class$="button"]:active:after, .osbp-cxo .v-filterselect-small.v-readonly [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-filterselect-large { |
| height: 45px; |
| |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-filterselect-large [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 45px; |
| |
| padding: 5px 8px; |
| |
| |
| -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: 46px; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect-large [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-large [class*="input"] { |
| line-height: 45px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-filterselect-large .v-icon + [class*="input"] { |
| padding-left: 45px; |
| } |
| |
| .osbp-cxo .v-filterselect-large img.v-icon { |
| max-height: 45px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-filterselect-large span.v-icon { |
| |
| width: 45px; |
| line-height: 1; |
| padding-top: 0.12em; |
| } |
| |
| .osbp-cxo .v-filterselect-large [class$="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| position: absolute; |
| width: 45px; |
| border-radius: 0 4px 4px 0; |
| } |
| |
| .osbp-cxo .v-filterselect-large [class$="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| -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: -0.47em; |
| } |
| |
| .osbp-cxo .v-filterselect-large [class$="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-disabled [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-disabled [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-readonly [class*="input"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-readonly [class*="input"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-readonly [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-large.v-readonly [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-huge { |
| height: 58px; |
| |
| font-size: 29px; |
| } |
| |
| .osbp-cxo .v-filterselect-huge [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 58px; |
| |
| padding: 6px 10px; |
| |
| |
| -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: 59px; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-filterselect-huge [class*="input"], .v-ie9 .osbp-cxo .v-filterselect-huge [class*="input"] { |
| line-height: 58px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-filterselect-huge .v-icon + [class*="input"] { |
| padding-left: 58px; |
| } |
| |
| .osbp-cxo .v-filterselect-huge img.v-icon { |
| max-height: 58px; |
| margin-left: 10px; |
| } |
| |
| .osbp-cxo .v-filterselect-huge span.v-icon { |
| |
| width: 58px; |
| line-height: 1; |
| padding-top: 0.12em; |
| } |
| |
| .osbp-cxo .v-filterselect-huge [class$="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| position: absolute; |
| width: 58px; |
| border-radius: 0 4px 4px 0; |
| } |
| |
| .osbp-cxo .v-filterselect-huge [class$="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| position: absolute; |
| width: 58px; |
| text-align: center; |
| top: 50%; |
| line-height: 1; |
| margin-top: -0.47em; |
| } |
| |
| .osbp-cxo .v-filterselect-huge [class$="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-disabled [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-disabled [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-readonly [class*="input"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-readonly [class*="input"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-readonly [class$="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-filterselect-huge.v-readonly [class$="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-csslayout-well { |
| background: #f5f5f5; |
| color: #454545; |
| -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-csslayout-well > div > [class*="-caption"] { |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-csslayout-well > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-well > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-well > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-well > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-card { |
| background: white; |
| color: #474747; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-csslayout-card > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-card > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-card > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-card > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group { |
| white-space: nowrap; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) { |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget:last-child { |
| border-top-left-radius: 0; |
| border-bottom-left-radius: 0; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget:first-child, .osbp-cxo .v-csslayout-v-component-group .v-caption:first-child + .v-widget { |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first { |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last { |
| border-radius: 0 4px 4px 0; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget { |
| vertical-align: middle; |
| margin-left: -1px; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget:first-child { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-csslayout-v-component-group .v-widget:focus, .osbp-cxo .v-csslayout-v-component-group .v-widget[class*="focus"], .osbp-cxo .v-csslayout-v-component-group .v-widget [class*="focus"] { |
| position: relative; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-form fieldset { |
| border: none; |
| padding: 0; |
| margin: 0; |
| height: 100%; |
| } |
| |
| .osbp-cxo .v-form-content { |
| height: 100%; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo [class*="spacing"] > tbody > [class*="row"] > td { |
| padding-top: 10px; |
| } |
| |
| .osbp-cxo [class*="spacing"] > tbody > [class*="firstrow"] > td { |
| padding-top: 0; |
| } |
| |
| .osbp-cxo [class*="margin-top"] > tbody > [class*="firstrow"] > td { |
| padding-top: 32px; |
| } |
| |
| .osbp-cxo [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { |
| padding-bottom: 32px; |
| } |
| |
| .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| left: 32px; |
| } |
| |
| .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { |
| padding-right: 32px; |
| } |
| |
| .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| right: 32px; |
| } |
| |
| .osbp-cxo .v-formlayout > table { |
| border-spacing: 0; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-formlayout.v-has-width > table, .osbp-cxo .v-formlayout.v-has-width .v-formlayout-contentcell { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-formlayout-error-indicator { |
| width: 16px; |
| } |
| |
| .osbp-cxo .v-formlayout-captioncell { |
| vertical-align: top; |
| line-height: 31px; |
| } |
| |
| .osbp-cxo .v-formlayout-captioncell .v-caption { |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-formlayout-captioncell .v-caption-h2, .osbp-cxo .v-formlayout-captioncell .v-caption-h3, .osbp-cxo .v-formlayout-captioncell .v-caption-h4 { |
| height: 3em; |
| } |
| |
| .osbp-cxo .v-formlayout-contentcell .v-checkbox, .osbp-cxo .v-formlayout-contentcell .v-radiobutton { |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-formlayout-contentcell > .v-label-h2, .osbp-cxo .v-formlayout-contentcell > .v-label-h3, .osbp-cxo .v-formlayout-contentcell > .v-label-h4 { |
| position: absolute; |
| left: 0; |
| right: 0; |
| width: auto !important; |
| margin-top: -0.5em; |
| padding-bottom: 0.5em; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > tr > td { |
| padding-top: 0; |
| height: 32px; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="lastrow"] > td { |
| border-bottom: none; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > tr > [class*="captioncell"] { |
| color: #7d7d7d; |
| text-align: right; |
| padding-left: 11px; |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] { |
| padding-right: 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-textfield { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 0; |
| padding: 4px 6px; |
| |
| -webkit-box-shadow: none; |
| 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; |
| } |
| |
| .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .v-ie8 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea, .v-ie9 .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input.v-disabled, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), none; |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus { |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield-prompt, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea-prompt, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-prompt input, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-prompt input { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea { |
| height: auto; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| border-bottom: none; |
| left: 0; |
| right: 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light .v-richtextarea { |
| margin: 4px 0; |
| } |
| |
| .osbp-cxo .v-formlayout.light .v-filterselect-button, .osbp-cxo .v-formlayout.light .v-datefield-button { |
| border: none; |
| } |
| |
| .osbp-cxo .v-formlayout.light .v-filterselect-button:active:after, .osbp-cxo .v-formlayout.light .v-datefield-button:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-formlayout.light .v-datefield-button { |
| right: 0; |
| left: auto; |
| } |
| |
| .osbp-cxo .v-formlayout.light .v-checkbox { |
| margin-left: 6px; |
| } |
| |
| .osbp-cxo .v-grid { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-grid-scroller { |
| position: absolute; |
| z-index: 1; |
| outline: none; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-grid-scroller-horizontal { |
| left: 0; |
| right: 0; |
| bottom: 0; |
| overflow-y: hidden; |
| -ms-overflow-y: hidden; |
| } |
| |
| .osbp-cxo .v-grid-scroller-vertical { |
| right: 0; |
| top: 0; |
| bottom: 0; |
| overflow-x: hidden; |
| -ms-overflow-x: hidden; |
| } |
| |
| .osbp-cxo .v-grid-tablewrapper { |
| position: absolute; |
| overflow: hidden; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-grid-tablewrapper > table { |
| border-spacing: 0; |
| table-layout: fixed; |
| width: inherit; |
| } |
| |
| .osbp-cxo .v-grid-header-deco, .osbp-cxo .v-grid-footer-deco { |
| position: absolute; |
| right: 0; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-grid-horizontal-scrollbar-deco { |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-grid-header, .osbp-cxo .v-grid-body, .osbp-cxo .v-grid-footer { |
| position: absolute; |
| left: 0; |
| width: inherit; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-grid-header, .osbp-cxo .v-grid-header-deco { |
| top: 0; |
| } |
| |
| .osbp-cxo .v-grid-footer, .osbp-cxo .v-grid-footer-deco { |
| bottom: 0; |
| } |
| |
| .osbp-cxo .v-grid-body { |
| z-index: 0; |
| top: 0; |
| } |
| |
| .osbp-cxo .v-grid-body .v-grid-row { |
| position: absolute; |
| top: 0; |
| left: 0; |
| } |
| |
| .osbp-cxo .v-grid-row { |
| display: block; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-row, .v-ie9 .osbp-cxo .v-grid-row { |
| float: left; |
| clear: left; |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-grid-row > td, .osbp-cxo .v-grid-row > th { |
| background-color: white; |
| } |
| |
| .osbp-cxo .v-grid-row { |
| width: inherit; |
| } |
| |
| .osbp-cxo .v-grid-cell { |
| display: block; |
| float: left; |
| padding: 2px; |
| white-space: nowrap; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| overflow: hidden; |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-grid-cell.frozen { |
| position: relative; |
| z-index: 1; |
| } |
| |
| .osbp-cxo .v-grid-spacer { |
| position: absolute; |
| display: block; |
| background-color: white; |
| } |
| |
| .osbp-cxo .v-grid-spacer > td { |
| width: 100%; |
| height: 100%; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-spacer, .v-ie9 .osbp-cxo .v-grid-spacer { |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-grid { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-grid-scroller-vertical, .osbp-cxo .v-grid-scroller-horizontal { |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-scroller-vertical { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-scroller-horizontal { |
| border-top: none; |
| } |
| |
| .osbp-cxo .v-grid-tablewrapper { |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid .header-drag-table { |
| border-spacing: 0; |
| position: relative; |
| table-layout: fixed; |
| width: inherit; |
| } |
| |
| .osbp-cxo .v-grid .header-drag-table .v-grid-header { |
| position: absolute; |
| } |
| |
| .osbp-cxo .v-grid .header-drag-table .v-grid-header > .v-grid-cell { |
| border: 1px solid #d4d4d4; |
| margin-top: -10px; |
| opacity: 0.9; |
| filter: alpha(opacity=90); |
| z-index: 30000; |
| } |
| |
| .osbp-cxo .v-grid .header-drag-table .v-grid-header > .v-grid-drop-marker { |
| background-color: #ffd210; |
| position: absolute; |
| width: 3px; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border-radius: 0; |
| position: absolute; |
| top: 0; |
| right: 0; |
| background-color: #fafafa; |
| border: 1px solid #d4d4d4; |
| padding: 0; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.v-grid-sidebar-popup { |
| right: auto; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button { |
| background: transparent; |
| border: none; |
| color: inherit; |
| cursor: pointer; |
| outline: none; |
| padding: 0 4px; |
| text-align: right; |
| line-height: 1; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button[disabled] { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button::-moz-focus-inner { |
| border: 0; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after { |
| content: "\f0c9"; |
| display: block; |
| font-family: ThemeIcons, sans-serif; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.closed { |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after { |
| content: "\f0c9"; |
| font-size: 14px; |
| line-height: 1; |
| } |
| |
| .v-ie .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button { |
| vertical-align: middle; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after { |
| vertical-align: middle; |
| text-align: center; |
| display: inline; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content { |
| padding: 4px 0; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { |
| text-shadow: none; |
| } |
| |
| .osbp-cxo .v-grid-cell { |
| background-color: white; |
| padding: 0 16.5px; |
| line-height: 32px; |
| text-overflow: ellipsis; |
| } |
| |
| .osbp-cxo .v-grid-cell > * { |
| line-height: 1.55; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-grid-cell > div { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-grid-cell.frozen { |
| -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); |
| border-right: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-cell.frozen + th, .osbp-cxo .v-grid-cell.frozen + td { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-row > td, .osbp-cxo .v-grid-editor-cells > div { |
| border-left: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-row > td:first-child, .osbp-cxo .v-grid-editor-cells > div:first-child { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells.frozen > div { |
| -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); |
| border-right: 1px solid #d4d4d4; |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-row-stripe > td { |
| background-color: #f5f5f5; |
| } |
| |
| .osbp-cxo .v-grid-row-selected > td { |
| background: #ffd210; |
| } |
| |
| .osbp-cxo .v-grid-row-focused > td { |
| |
| } |
| |
| .osbp-cxo .v-grid-header th { |
| position: relative; |
| background-color: #fafafa; |
| font-size: 14px; |
| font-weight: inherit; |
| border-left: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-grid-header th:first-child { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-header .sort-asc, .osbp-cxo .v-grid-header .sort-desc { |
| padding-right: 33.5px; |
| } |
| |
| .osbp-cxo .v-grid-header .sort-asc:after, .osbp-cxo .v-grid-header .sort-desc:after { |
| font-family: ThemeIcons, sans-serif; |
| content: "\f0de" " " attr(sort-order); |
| position: absolute; |
| right: 16.5px; |
| font-size: 12px; |
| } |
| |
| .osbp-cxo .v-grid-header .sort-desc:after { |
| content: "\f0dd" " " attr(sort-order); |
| } |
| |
| .osbp-cxo .v-grid-column-resize-handle { |
| position: absolute; |
| width: 33px; |
| right: -16.5px; |
| top: 0px; |
| bottom: 0px; |
| cursor: col-resize; |
| z-index: 10; |
| -webkit-user-select: none; |
| -khtml-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| |
| .osbp-cxo .v-grid-footer td { |
| background-color: #fafafa; |
| font-size: 14px; |
| font-weight: inherit; |
| border-left: 1px solid #d4d4d4; |
| border-top: 1px solid #d4d4d4; |
| border-bottom: none; |
| |
| } |
| |
| .osbp-cxo .v-grid-footer td:first-child { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-header .v-grid-cell, .osbp-cxo .v-grid-footer .v-grid-cell { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .v-grid-column-header-content, .osbp-cxo .v-grid-column-footer-content { |
| width: 100%; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| line-height: 32px; |
| vertical-align: baseline; |
| } |
| |
| .osbp-cxo .v-grid-header-deco { |
| border-top: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| } |
| |
| .osbp-cxo .v-grid-footer-deco { |
| border-bottom: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| } |
| |
| .osbp-cxo .v-grid-horizontal-scrollbar-deco { |
| background-color: #fafafa; |
| border: 1px solid #d4d4d4; |
| border-top: none; |
| } |
| |
| .osbp-cxo .v-grid-cell-focused { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-grid-cell-focused:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border: 2px solid #ffd210; |
| display: none; |
| pointer-events: none; |
| } |
| |
| .ie8 .osbp-cxo .v-grid-cell-focused:before, .ie9 .osbp-cxo .v-grid-cell-focused:before, .ie10 .osbp-cxo .v-grid-cell-focused:before { |
| content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); |
| } |
| |
| .osbp-cxo .v-grid:focus .v-grid-cell-focused:before { |
| display: block; |
| } |
| |
| .osbp-cxo .v-grid.v-disabled:focus .v-grid-cell-focused:before { |
| display: none; |
| } |
| |
| .osbp-cxo .v-grid-editor { |
| position: absolute; |
| z-index: 20; |
| overflow: hidden; |
| left: 0; |
| right: 0; |
| border: 1px solid #d4d4d4; |
| box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| margin-top: -1px; |
| -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); |
| box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); |
| } |
| |
| .osbp-cxo .v-grid-editor.unbuffered .v-grid-editor-footer { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells { |
| position: relative; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells.frozen { |
| z-index: 2; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div { |
| display: inline-block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| vertical-align: middle; |
| background: white; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div:first-child { |
| border-left: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div > * { |
| vertical-align: middle; |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-filterselect { |
| padding-left: 0; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div input[type="text"], .osbp-cxo .v-grid-editor-cells > div input[type="text"].v-filterselect-input, .osbp-cxo .v-grid-editor-cells > div input[type="password"] { |
| padding-left: 16.5px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div input[type="text"]:not(.v-filterselect-input), .osbp-cxo .v-grid-editor-cells > div input[type="password"] { |
| padding-right: 8.25px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div input[type="checkbox"] { |
| margin-left: 16.5px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-textfield, .osbp-cxo .v-grid-editor-cells > div .v-datefield, .osbp-cxo .v-grid-editor-cells > div .v-filterselect { |
| min-width: 100%; |
| max-width: 100%; |
| min-height: 100%; |
| max-height: 100%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-datefield-button { |
| margin-left: -37px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-filterselect-button { |
| margin-left: -25px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-select, .osbp-cxo .v-grid-editor-cells > div .v-select-select { |
| min-width: 100%; |
| max-width: 100%; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div.not-editable.v-grid-cell { |
| float: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells .error::before { |
| position: absolute; |
| display: block; |
| height: 0; |
| width: 0; |
| content: ""; |
| border-top: 5px solid red; |
| border-right: 5px solid transparent; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells .error, .osbp-cxo .v-grid-editor-cells .error > input { |
| background-color: #fee; |
| } |
| |
| .osbp-cxo .v-grid-editor-footer { |
| display: table; |
| height: 32px; |
| border-top: 1px solid #d4d4d4; |
| margin-top: -1px; |
| background: white; |
| padding: 0 5px; |
| } |
| |
| .osbp-cxo .v-grid-editor-footer + .v-grid-editor-cells > div { |
| border-bottom: none; |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-editor-footer:first-child { |
| border-top: none; |
| margin-top: 0; |
| border-bottom: 1px solid #d4d4d4; |
| margin-bottom: -1px; |
| } |
| |
| .osbp-cxo .v-grid-editor-message, .osbp-cxo .v-grid-editor-buttons { |
| display: table-cell; |
| white-space: nowrap; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-grid-editor-message { |
| width: 100%; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-grid-editor-message > div { |
| position: absolute; |
| width: 100%; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| line-height: 32px; |
| top: 0; |
| } |
| |
| .osbp-cxo .v-grid-editor-save { |
| margin-right: 4px; |
| } |
| |
| .osbp-cxo .v-grid-spacer { |
| padding-left: 1px; |
| } |
| |
| .osbp-cxo .v-grid-spacer > td { |
| display: block; |
| padding: 0; |
| background-color: white; |
| border-top: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-spacer.stripe > td { |
| background-color: #f5f5f5; |
| border-top: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-grid-spacer-deco-container { |
| border-top: 1px solid transparent; |
| position: relative; |
| top: 0; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-grid-spacer-deco { |
| top: 0; |
| left: 0; |
| width: 2px; |
| background-color: #ffd210; |
| position: absolute; |
| height: 100%; |
| pointer-events: none; |
| } |
| |
| .ie8 .osbp-cxo .v-grid-spacer-deco:before, .ie9 .osbp-cxo .v-grid-spacer-deco:before, .ie10 .osbp-cxo .v-grid-spacer-deco:before { |
| content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); |
| } |
| |
| .osbp-cxo .v-grid-cell > .v-progressbar { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-grid { |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| background-color: #fafafa; |
| } |
| |
| .osbp-cxo .v-grid.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-grid-header .v-grid-cell { |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-grid-header .v-grid-cell.dragged { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| -webkit-transition: opacity 0.3s ease-in-out; |
| -moz-transition: opacity 0.3s ease-in-out; |
| transition: opacity 0.3s ease-in-out; |
| } |
| |
| .osbp-cxo .v-grid-header .v-grid-cell.dragged-column-header { |
| margin-top: -16px; |
| } |
| |
| .osbp-cxo .v-grid-footer .v-grid-cell { |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-grid-header-deco { |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-grid-footer-deco, .osbp-cxo .v-grid-horizontal-scrollbar-deco { |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-grid-row-selected > .v-grid-cell { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: #3e350e; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| border-color: #ddb509; |
| } |
| |
| .osbp-cxo .v-grid-row-selected > .v-grid-cell-focused:before { |
| border-color: #ffe576; |
| } |
| |
| .osbp-cxo .v-grid-editor { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-grid-editor-footer { |
| font-size: 14px; |
| padding: 0 5px; |
| background: #fff; |
| -webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; |
| -moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; |
| animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards; |
| } |
| |
| .osbp-cxo .v-grid-editor-footer:first-child { |
| -webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; |
| -moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; |
| animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells { |
| z-index: 1; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div:before { |
| content: ""; |
| display: inline-block; |
| height: 100%; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div.not-editable.v-grid-cell { |
| float: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .error::before { |
| border-top: 8px solid #ed473b; |
| border-right: 8px solid transparent; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .error, .osbp-cxo .v-grid-editor-cells > div .error > input { |
| background-color: #fffbfb; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-textfield, .osbp-cxo .v-grid-editor-cells > div .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-datefield, .osbp-cxo .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input:focus { |
| border: none; |
| border-radius: 0; |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div input[type="text"].v-datefield-textfield { |
| padding-left: 38.4px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-datefield-button { |
| margin-left: 0px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-grid-editor-cells > div .v-filterselect-button { |
| margin-left: 0px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .osbp-cxo .v-grid-editor-cells > div .v-filterselect-input:focus { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-select { |
| padding-left: 8px; |
| padding-right: 8px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-checkbox { |
| margin: 0 8px 0 16.5px; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-checkbox > input[type="checkbox"] { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-grid-editor-cells > div .v-checkbox > label { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-grid-editor-message > div:before { |
| display: inline-block; |
| color: #ed473b; |
| font-weight: 600; |
| width: 16px; |
| text-align: center; |
| content: "!"; |
| } |
| |
| .osbp-cxo .v-grid-editor-save, .osbp-cxo .v-grid-editor-cancel { |
| cursor: pointer; |
| color: #ffd210; |
| text-decoration: underline; |
| font-weight: inherit; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| font-weight: 400; |
| text-decoration: none; |
| border: none; |
| background: transparent; |
| padding: 5px 5px; |
| margin: 0; |
| outline: none; |
| } |
| |
| .osbp-cxo .v-grid-editor-save:hover, .osbp-cxo .v-grid-editor-cancel:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-grid-editor-save.v-disabled, .osbp-cxo .v-grid-editor-cancel.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-grid-spacer { |
| margin-top: -1px; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content { |
| margin: 0 0 2px; |
| padding: 4px 4px 2px; |
| } |
| |
| .osbp-cxo .v-grid-sidebar.v-contextmenu.closed { |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-grid-scroller::-webkit-scrollbar { |
| border: none; |
| } |
| |
| .osbp-cxo .v-grid-scroller::-webkit-scrollbar-thumb { |
| border-radius: 10px; |
| border: 4px solid transparent; |
| background: rgba(0, 0, 0, 0.3); |
| -webkit-background-clip: content-box; |
| background-clip: content-box; |
| } |
| |
| .osbp-cxo .v-grid-scroller-vertical::-webkit-scrollbar-thumb { |
| min-height: 30px; |
| } |
| |
| .osbp-cxo .v-grid-scroller-horizontal::-webkit-scrollbar-thumb { |
| min-width: 30px; |
| } |
| |
| .osbp-cxo .v-textfield { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 4px 8px; |
| border: 1px solid #d4d4d4; |
| background: white; |
| color: #474747; |
| -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 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: 364px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textfield, .v-ie9 .osbp-cxo .v-textfield { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-textfield.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-textfield:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-textfield[class*="prompt"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-textfield-readonly { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-textfield-readonly:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-textfield-error { |
| border-color: #ed473b !important; |
| background: #fffbfb; |
| color: #6c2621; |
| } |
| |
| .osbp-cxo .v-textfield-borderless { |
| border: none; |
| border-radius: 0; |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-textfield-borderless:focus { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-textfield-borderless[class*="prompt"] { |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-textfield-tiny { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 4px 8px; |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| font-size: 16px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textfield-tiny, .v-ie9 .osbp-cxo .v-textfield-tiny { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-textfield-compact, .osbp-cxo .v-textfield-small { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 27px; |
| border-radius: 4px; |
| padding: 3px 7px; |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textfield-compact, .v-ie9 .osbp-cxo .v-textfield-compact, .v-ie8 .osbp-cxo .v-textfield-small, .v-ie9 .osbp-cxo .v-textfield-small { |
| line-height: 27px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-textfield-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-textfield-large { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 45px; |
| border-radius: 4px; |
| padding: 5px 10px; |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| font-size: 23px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textfield-large, .v-ie9 .osbp-cxo .v-textfield-large { |
| line-height: 45px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-textfield-huge { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 58px; |
| border-radius: 4px; |
| padding: 6px 12px; |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| font-size: 29px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textfield-huge, .v-ie9 .osbp-cxo .v-textfield-huge { |
| line-height: 58px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 32px; |
| line-height: 30px; |
| text-align: center; |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon img.v-icon { |
| left: 8px; |
| bottom: 8px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon.v-slot-tiny { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-tiny { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-tiny .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-tiny .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-tiny span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 32px; |
| line-height: 30px; |
| text-align: center; |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-tiny img.v-icon { |
| left: 8px; |
| bottom: 8px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon.v-textfield-tiny { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon.v-slot-compact { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-compact { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-compact .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-compact .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-compact span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 27px; |
| line-height: 25px; |
| text-align: center; |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-compact img.v-icon { |
| left: 6px; |
| bottom: 6px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon.v-textfield-compact { |
| padding-left: 27px; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon.v-slot-small { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-small { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-small .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-small .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-small span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 27px; |
| line-height: 25px; |
| text-align: center; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-small img.v-icon { |
| left: 6px; |
| bottom: 6px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon.v-textfield-small { |
| padding-left: 27px; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon.v-slot-large { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-large { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-large .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-large .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-large span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 45px; |
| line-height: 43px; |
| text-align: center; |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-large img.v-icon { |
| left: 15px; |
| bottom: 15px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon.v-textfield-large { |
| padding-left: 45px; |
| } |
| |
| .osbp-cxo .v-slot-inline-icon.v-slot-huge { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-huge { |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-huge .v-captiontext { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-huge .v-icon { |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-huge span.v-icon { |
| left: 1px; |
| bottom: 1px; |
| width: 58px; |
| line-height: 56px; |
| text-align: center; |
| font-size: 29px; |
| } |
| |
| .osbp-cxo .v-caption-inline-icon.v-caption-huge img.v-icon { |
| left: 21px; |
| bottom: 21px; |
| } |
| |
| .osbp-cxo .v-textfield-inline-icon.v-textfield-huge { |
| padding-left: 58px; |
| } |
| |
| .osbp-cxo .v-textfield-align-right { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-textfield-align-center { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-textarea { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 5px; |
| border: 1px solid #d4d4d4; |
| background: white; |
| color: #474747; |
| -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 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; |
| white-space: pre-wrap; |
| width: 364px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea, .v-ie9 .osbp-cxo .v-textarea { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-textarea.v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-textarea:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-textarea[class*="prompt"] { |
| color: #a3a3a3; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea, .v-ie9 .osbp-cxo .v-textarea { |
| line-height: inherit; |
| padding-top: 4px; |
| padding-bottom: 4px; |
| } |
| |
| .osbp-cxo .v-textarea-readonly { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-textarea-readonly:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-textarea-error { |
| border-color: #ed473b !important; |
| background: #fffbfb; |
| color: #6c2621; |
| } |
| |
| .osbp-cxo .v-textarea-borderless { |
| border: none; |
| border-radius: 0; |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-textarea-borderless:focus { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-textarea-borderless[class*="prompt"] { |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-textarea-tiny { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 5px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| height: auto; |
| resize: none; |
| white-space: pre-wrap; |
| font-size: 16px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-tiny, .v-ie9 .osbp-cxo .v-textarea-tiny { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-tiny, .v-ie9 .osbp-cxo .v-textarea-tiny { |
| line-height: inherit; |
| padding-top: 4px; |
| padding-bottom: 4px; |
| } |
| |
| .osbp-cxo .v-textarea-small { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 27px; |
| border-radius: 4px; |
| padding: 5px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| height: auto; |
| resize: none; |
| white-space: pre-wrap; |
| font-size: 14px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-small, .v-ie9 .osbp-cxo .v-textarea-small { |
| line-height: 27px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-small, .v-ie9 .osbp-cxo .v-textarea-small { |
| line-height: inherit; |
| padding-top: 3px; |
| padding-bottom: 3px; |
| } |
| |
| .osbp-cxo .v-textarea-large { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 45px; |
| border-radius: 4px; |
| padding: 5px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| height: auto; |
| resize: none; |
| white-space: pre-wrap; |
| font-size: 23px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-large, .v-ie9 .osbp-cxo .v-textarea-large { |
| line-height: 45px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-large, .v-ie9 .osbp-cxo .v-textarea-large { |
| line-height: inherit; |
| padding-top: 5px; |
| padding-bottom: 5px; |
| } |
| |
| .osbp-cxo .v-textarea-huge { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 58px; |
| border-radius: 4px; |
| padding: 5px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| height: auto; |
| resize: none; |
| white-space: pre-wrap; |
| font-size: 29px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-huge, .v-ie9 .osbp-cxo .v-textarea-huge { |
| line-height: 58px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-textarea-huge, .v-ie9 .osbp-cxo .v-textarea-huge { |
| line-height: inherit; |
| padding-top: 6px; |
| padding-bottom: 6px; |
| } |
| |
| .osbp-cxo .v-textarea-align-right { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-textarea-align-center { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-datefield { |
| position: relative; |
| width: 364px; |
| height: 32px; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-datefield [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 4px 8px; |
| border: 1px solid #d4d4d4; |
| background: white; |
| color: #474747; |
| -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 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: 38.4px; |
| width: 100%; |
| height: 100%; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield [class*="textfield"] { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-datefield [class*="textfield"].v-disabled { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-datefield [class*="textfield"]:focus { |
| outline: none; |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-datefield [class*="textfield"][class*="prompt"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-datefield[class*="prompt"] > [class*="textfield"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .v-datefield [class*="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| -webkit-appearance: none; |
| background: transparent; |
| padding: 0; |
| position: absolute; |
| z-index: 10; |
| width: 32px; |
| line-height: 30px; |
| text-align: center; |
| font: inherit; |
| outline: none; |
| margin: 0; |
| top: 1px; |
| bottom: 1px; |
| left: 1px; |
| border: none; |
| border-right: 1px solid #d4d4d4; |
| color: #a3a3a3; |
| border-radius: 3px 0 0 3px; |
| } |
| |
| .osbp-cxo .v-datefield [class*="button"]:hover { |
| color: #474747; |
| } |
| |
| .osbp-cxo .v-datefield [class*="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f073"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-datefield [class*="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; |
| } |
| |
| .osbp-cxo .v-datefield.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield.v-disabled [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield.v-disabled [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield.v-readonly [class*="textfield"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield.v-readonly [class*="textfield"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-datefield.v-readonly [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield.v-readonly [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-error .v-datefield-textfield { |
| border-color: #ed473b !important; |
| background: #fffbfb; |
| color: #6c2621; |
| } |
| |
| .osbp-cxo .v-datefield-error .v-datefield-button { |
| color: #ed473b; |
| border-color: #ed473b; |
| } |
| |
| .osbp-cxo .v-datefield-full { |
| width: 240px; |
| } |
| |
| .osbp-cxo .v-datefield-day { |
| width: 364px; |
| } |
| |
| .osbp-cxo .v-datefield-month { |
| width: 120px; |
| } |
| |
| .osbp-cxo .v-datefield-year { |
| width: 104px; |
| } |
| |
| .osbp-cxo .v-datefield-popup { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| margin-top: 4px !important; |
| margin-bottom: 4px !important; |
| margin-right: 4px !important; |
| cursor: default; |
| width: auto; |
| } |
| |
| .osbp-cxo .v-datefield-popup[class*="animate-in"] { |
| -webkit-animation: valo-overlay-animate-in 120ms; |
| -moz-animation: valo-overlay-animate-in 120ms; |
| animation: valo-overlay-animate-in 120ms; |
| } |
| |
| .osbp-cxo .v-datefield-popup[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-fade 120ms; |
| -moz-animation: valo-animate-out-fade 120ms; |
| animation: valo-animate-out-fade 120ms; |
| } |
| |
| .osbp-cxo .v-datefield-popup table { |
| border-collapse: collapse; |
| border-spacing: 0; |
| margin: 0 auto; |
| } |
| |
| .osbp-cxo .v-datefield-popup td { |
| padding: 2px; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel { |
| font-size: 16px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 26px; |
| height: 22px; |
| border: 1px solid transparent; |
| line-height: 22px; |
| 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; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day-offmonth { |
| color: #a0a0a0; |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day-today { |
| color: #191919; |
| font-weight: 600; |
| border-color: #afafaf; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover { |
| color: #3e350e; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| border: none; |
| font-weight: 600; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| position: relative; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { |
| color: #a0a0a0; |
| cursor: not-allowed; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays { |
| height: 22px; |
| color: rgba(133, 133, 133, 0.85); |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays strong { |
| font: inherit; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-header { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-datefield-popup td[class*="year"] button, .osbp-cxo .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: 16px; |
| height: 21px; |
| outline: none; |
| position: relative; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-datefield-popup td[class*="year"] button:before, .osbp-cxo .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; |
| } |
| |
| .osbp-cxo .v-datefield-popup td[class*="year"] button:hover:before, .osbp-cxo .v-datefield-popup td[class*="month"] button:hover:before { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-popup td[class*="year"] button.outside-range, .osbp-cxo .v-datefield-popup td[class*="month"] button.outside-range { |
| cursor: default; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| } |
| |
| .osbp-cxo .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .osbp-cxo .v-datefield-popup td[class*="month"] button.outside-range:hover:before { |
| color: #a0a0a0; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-button-prevyear:before { |
| font-family: ThemeIcons; |
| content: "\f100"; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-button-prevmonth:before { |
| font-family: ThemeIcons; |
| content: "\f104"; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-button-nextyear:before { |
| font-family: ThemeIcons; |
| content: "\f101"; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-button-nextmonth:before { |
| font-family: ThemeIcons; |
| content: "\f105"; |
| } |
| |
| .osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-month { |
| width: 128px; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month { |
| width: 64px; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child { |
| width: 26px; |
| color: rgba(133, 133, 133, 0.85); |
| font-size: 14px; |
| display: inline-block; |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumber { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before { |
| content: ""; |
| position: absolute; |
| top: 32px; |
| bottom: 0; |
| left: 0; |
| width: 30px; |
| border-top: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-top-right-radius: 4px; |
| border-bottom-left-radius: 4px; |
| background: #fff; |
| } |
| |
| .osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-time { |
| width: 100%; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-datefield-popup td.v-datefield-calendarpanel-time .v-label { |
| display: inline; |
| margin: 0 0.1em; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel { |
| font-size: 16px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 26px; |
| height: 22px; |
| border: 1px solid transparent; |
| line-height: 22px; |
| 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; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day-offmonth { |
| color: #a0a0a0; |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day-today { |
| color: #191919; |
| font-weight: 600; |
| border-color: #afafaf; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover { |
| color: #3e350e; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| border: none; |
| font-weight: 600; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| position: relative; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { |
| color: #a0a0a0; |
| cursor: not-allowed; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-weekdays { |
| height: 22px; |
| color: rgba(133, 133, 133, 0.85); |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-weekdays strong { |
| font: inherit; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-header { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo td[class*="year"] button, .osbp-cxo 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: 16px; |
| height: 21px; |
| outline: none; |
| position: relative; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo td[class*="year"] button:before, .osbp-cxo td[class*="month"] button:before { |
| color: #a0a0a0; |
| font-size: 21px; |
| line-height: 24px; |
| -webkit-transition: color 200ms; |
| -moz-transition: color 200ms; |
| transition: color 200ms; |
| } |
| |
| .osbp-cxo td[class*="year"] button:hover:before, .osbp-cxo td[class*="month"] button:hover:before { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo td[class*="year"] button.outside-range, .osbp-cxo td[class*="month"] button.outside-range { |
| cursor: default; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| } |
| |
| .osbp-cxo td[class*="year"] button.outside-range:hover:before, .osbp-cxo td[class*="month"] button.outside-range:hover:before { |
| color: #a0a0a0; |
| } |
| |
| .osbp-cxo .v-button-prevyear:before { |
| font-family: ThemeIcons; |
| content: "\f100"; |
| } |
| |
| .osbp-cxo .v-button-prevmonth:before { |
| font-family: ThemeIcons; |
| content: "\f104"; |
| } |
| |
| .osbp-cxo .v-button-nextyear:before { |
| font-family: ThemeIcons; |
| content: "\f101"; |
| } |
| |
| .osbp-cxo .v-button-nextmonth:before { |
| font-family: ThemeIcons; |
| content: "\f105"; |
| } |
| |
| .osbp-cxo td.v-datefield-calendarpanel-month { |
| width: 128px; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month { |
| width: 64px; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-weeknumber, .osbp-cxo .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child { |
| width: 26px; |
| color: rgba(133, 133, 133, 0.85); |
| font-size: 14px; |
| display: inline-block; |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-weeknumber { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-datefield-calendarpanel-weeknumbers .v-first:before { |
| content: ""; |
| position: absolute; |
| top: 32px; |
| bottom: 0; |
| left: 0; |
| width: 30px; |
| border-top: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-top-right-radius: 4px; |
| border-bottom-left-radius: 4px; |
| background: #fff; |
| } |
| |
| .osbp-cxo td.v-datefield-calendarpanel-time { |
| width: 100%; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo td.v-datefield-calendarpanel-time .v-label { |
| display: inline; |
| margin: 0 0.1em; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-datefield-borderless .v-datefield-textfield { |
| border: none; |
| border-radius: 0; |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-datefield-borderless .v-datefield-textfield:focus { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield-borderless .v-datefield-textfield[class*="prompt"] { |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-borderless .v-datefield-button { |
| border: none; |
| color: inherit; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-align-right input { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-datefield-align-center input { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-datefield-tiny { |
| height: 32px; |
| border-radius: 4px; |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-datefield-tiny [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 4px 8px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| padding-left: 38.4px; |
| width: 100%; |
| height: 100%; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-tiny [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-tiny [class*="textfield"] { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-datefield-tiny [class*="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| -webkit-appearance: none; |
| background: transparent; |
| padding: 0; |
| position: absolute; |
| z-index: 10; |
| width: 32px; |
| line-height: 32px; |
| text-align: center; |
| font: inherit; |
| outline: none; |
| margin: 0; |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .osbp-cxo .v-datefield-tiny [class*="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f073"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-datefield-tiny [class*="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-disabled [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-disabled [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-readonly [class*="textfield"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-readonly [class*="textfield"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-readonly [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-tiny.v-readonly [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-compact, .osbp-cxo .v-datefield-small { |
| height: 27px; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-datefield-compact [class*="textfield"], .osbp-cxo .v-datefield-small [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 27px; |
| border-radius: 4px; |
| padding: 3px 7px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| padding-left: 32.4px; |
| width: 100%; |
| height: 100%; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-compact [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-compact [class*="textfield"], .v-ie8 .osbp-cxo .v-datefield-small [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-small [class*="textfield"] { |
| line-height: 27px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-datefield-compact [class*="button"], .osbp-cxo .v-datefield-small [class*="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| -webkit-appearance: none; |
| background: transparent; |
| padding: 0; |
| position: absolute; |
| z-index: 10; |
| width: 27px; |
| line-height: 27px; |
| text-align: center; |
| font: inherit; |
| outline: none; |
| margin: 0; |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .osbp-cxo .v-datefield-compact [class*="button"]:before, .osbp-cxo .v-datefield-small [class*="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f073"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-datefield-compact [class*="button"]:active:after, .osbp-cxo .v-datefield-small [class*="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-disabled, .osbp-cxo .v-datefield-small.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-disabled [class*="button"], .osbp-cxo .v-datefield-small.v-disabled [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-disabled [class*="button"]:active:after, .osbp-cxo .v-datefield-small.v-disabled [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-readonly [class*="textfield"], .osbp-cxo .v-datefield-small.v-readonly [class*="textfield"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-readonly [class*="textfield"]:focus, .osbp-cxo .v-datefield-small.v-readonly [class*="textfield"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-readonly [class*="button"], .osbp-cxo .v-datefield-small.v-readonly [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-compact.v-readonly [class*="button"]:active:after, .osbp-cxo .v-datefield-small.v-readonly [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-datefield-large { |
| height: 45px; |
| border-radius: 4px; |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-datefield-large [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 45px; |
| border-radius: 4px; |
| padding: 5px 10px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| padding-left: 54.0px; |
| width: 100%; |
| height: 100%; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-large [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-large [class*="textfield"] { |
| line-height: 45px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-datefield-large [class*="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| -webkit-appearance: none; |
| background: transparent; |
| padding: 0; |
| position: absolute; |
| z-index: 10; |
| width: 45px; |
| line-height: 45px; |
| text-align: center; |
| font: inherit; |
| outline: none; |
| margin: 0; |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .osbp-cxo .v-datefield-large [class*="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f073"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-datefield-large [class*="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-disabled [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-disabled [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-readonly [class*="textfield"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-readonly [class*="textfield"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-readonly [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-large.v-readonly [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-huge { |
| height: 58px; |
| border-radius: 4px; |
| font-size: 29px; |
| } |
| |
| .osbp-cxo .v-datefield-huge [class*="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; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 58px; |
| border-radius: 4px; |
| padding: 6px 12px; |
| |
| |
| |
| -webkit-transition: box-shadow 180ms, border 180ms; |
| -moz-transition: box-shadow 180ms, border 180ms; |
| transition: box-shadow 180ms, border 180ms; |
| padding-left: 69.60001px; |
| width: 100%; |
| height: 100%; |
| border-radius: inherit; |
| } |
| |
| .v-ie8 .osbp-cxo .v-datefield-huge [class*="textfield"], .v-ie9 .osbp-cxo .v-datefield-huge [class*="textfield"] { |
| line-height: 58px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-datefield-huge [class*="button"] { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| -webkit-appearance: none; |
| background: transparent; |
| padding: 0; |
| position: absolute; |
| z-index: 10; |
| width: 58px; |
| line-height: 58px; |
| text-align: center; |
| font: inherit; |
| outline: none; |
| margin: 0; |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .osbp-cxo .v-datefield-huge [class*="button"]:before { |
| font-family: ThemeIcons; |
| content: "\f073"; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-datefield-huge [class*="button"]:active:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-disabled [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-disabled [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-readonly [class*="textfield"] { |
| background: #fafafa; |
| color: #464646; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-readonly [class*="textfield"]:focus { |
| box-shadow: none; |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-readonly [class*="button"] { |
| cursor: default; |
| pointer-events: none; |
| } |
| |
| .osbp-cxo .v-datefield-huge.v-readonly [class*="button"]:active:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel { |
| font-size: 16px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 26px; |
| height: 22px; |
| border: 1px solid transparent; |
| line-height: 22px; |
| 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; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day-offmonth { |
| color: #a0a0a0; |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day-today { |
| color: #191919; |
| font-weight: 600; |
| border-color: #afafaf; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover { |
| color: #3e350e; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| border: none; |
| font-weight: 600; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| position: relative; |
| } |
| |
| .v-ie8 .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .osbp-cxo .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover { |
| color: #a0a0a0; |
| cursor: not-allowed; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-weekdays { |
| height: 22px; |
| color: rgba(133, 133, 133, 0.85); |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-weekdays strong { |
| font: inherit; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-header { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo td[class*="year"] button, .osbp-cxo 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: 16px; |
| height: 21px; |
| outline: none; |
| position: relative; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo td[class*="year"] button:before, .osbp-cxo td[class*="month"] button:before { |
| color: #a0a0a0; |
| font-size: 21px; |
| line-height: 24px; |
| -webkit-transition: color 200ms; |
| -moz-transition: color 200ms; |
| transition: color 200ms; |
| } |
| |
| .osbp-cxo td[class*="year"] button:hover:before, .osbp-cxo td[class*="month"] button:hover:before { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo td[class*="year"] button.outside-range, .osbp-cxo td[class*="month"] button.outside-range { |
| cursor: default; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| } |
| |
| .osbp-cxo td[class*="year"] button.outside-range:hover:before, .osbp-cxo td[class*="month"] button.outside-range:hover:before { |
| color: #a0a0a0; |
| } |
| |
| .osbp-cxo .v-button-prevyear:before { |
| font-family: ThemeIcons; |
| content: "\f100"; |
| } |
| |
| .osbp-cxo .v-button-prevmonth:before { |
| font-family: ThemeIcons; |
| content: "\f104"; |
| } |
| |
| .osbp-cxo .v-button-nextyear:before { |
| font-family: ThemeIcons; |
| content: "\f101"; |
| } |
| |
| .osbp-cxo .v-button-nextmonth:before { |
| font-family: ThemeIcons; |
| content: "\f105"; |
| } |
| |
| .osbp-cxo td.v-inline-datefield-calendarpanel-month { |
| width: 128px; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month { |
| width: 64px; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-weeknumber, .osbp-cxo .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child { |
| width: 26px; |
| color: rgba(133, 133, 133, 0.85); |
| font-size: 14px; |
| display: inline-block; |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-weeknumber { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel-weeknumbers .v-first:before { |
| content: ""; |
| position: absolute; |
| top: 32px; |
| bottom: 0; |
| left: 0; |
| width: 30px; |
| border-top: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-top-right-radius: 4px; |
| border-bottom-left-radius: 4px; |
| background: #fff; |
| } |
| |
| .osbp-cxo td.v-inline-datefield-calendarpanel-time { |
| width: 100%; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo td.v-inline-datefield-calendarpanel-time .v-label { |
| display: inline; |
| margin: 0 0.1em; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-inline-datefield-calendarpanel { |
| position: relative; |
| background: white; |
| padding: 5px; |
| } |
| |
| .osbp-cxo .v-gridlayout-margin-top { |
| padding-top: 32px; |
| } |
| |
| .osbp-cxo .v-gridlayout-margin-bottom { |
| padding-bottom: 32px; |
| } |
| |
| .osbp-cxo .v-gridlayout-margin-left { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-gridlayout-margin-right { |
| padding-right: 32px; |
| } |
| |
| .osbp-cxo .v-gridlayout-spacing-on { |
| padding-left: 10px; |
| padding-top: 10px; |
| } |
| |
| .osbp-cxo .v-menubar { |
| position: relative; |
| text-align: center; |
| white-space: nowrap; |
| outline: none; |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| cursor: default; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| text-align: left; |
| line-height: 30px; |
| } |
| |
| .osbp-cxo .v-menubar: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; |
| } |
| |
| .osbp-cxo .v-menubar:focus:after { |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| } |
| |
| .osbp-cxo .v-menubar.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-menubar.v-disabled:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-menubar:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem { |
| padding: 0 12px; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] { |
| width: 32px; |
| } |
| |
| .osbp-cxo .v-menubar:active:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .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: 32px; |
| padding: 0 13px; |
| color: inherit; |
| font-weight: 400; |
| |
| cursor: pointer; |
| border-radius: 0; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| |
| |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border-width: 0 1px 0 0; |
| border-color: inherit; |
| height: 100%; |
| line-height: inherit; |
| vertical-align: top; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:first-child { |
| border-left-width: 0; |
| border-radius: 3px 0 0 3px; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:last-child { |
| border-radius: 0 3px 3px 0; |
| border-right-width: 0; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:first-child:last-child { |
| border-radius: 3px; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:hover { |
| zoom: 1; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:hover:before { |
| background-color: rgba(186, 186, 186, 0.1); |
| border: none; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem:active:before { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem .v-icon { |
| margin: 0 3px 0 -3px; |
| cursor: inherit; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] { |
| width: 32px; |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon { |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem-checked { |
| -webkit-box-shadow: none; |
| 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: #181818; |
| } |
| |
| .osbp-cxo .v-disabled > .v-menubar-menuitem, .osbp-cxo .v-menubar > .v-menubar-menuitem-disabled { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-disabled > .v-menubar-menuitem:before, .osbp-cxo .v-menubar > .v-menubar-menuitem-disabled:before { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar-menuitem-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem-selected { |
| color: #151206; |
| |
| |
| |
| border-radius: 0; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| |
| |
| border-top-width: 0; |
| border-left-width: 0; |
| border-bottom-width: 0; |
| z-index: 2; |
| } |
| |
| .osbp-cxo .v-menubar > .v-menubar-menuitem-selected:hover:before { |
| background: none; |
| } |
| |
| .osbp-cxo .v-menubar .v-menubar-submenu-indicator { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { |
| font-family: ThemeIcons; |
| content: "\f078"; |
| font-size: 0.7em; |
| vertical-align: 0.15em; |
| margin: 0 -0.2em 0 0.5em; |
| opacity: 0.5; |
| } |
| |
| .osbp-cxo .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:empty:after { |
| margin-left: -0.2em; |
| } |
| |
| .osbp-cxo .v-menubar-popup { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| padding: 4px 4px; |
| margin: 4px 0 0 1px !important; |
| } |
| |
| .osbp-cxo .v-menubar-popup[class*="animate-in"] { |
| -webkit-animation: valo-overlay-animate-in 120ms; |
| -moz-animation: valo-overlay-animate-in 120ms; |
| animation: valo-overlay-animate-in 120ms; |
| } |
| |
| .osbp-cxo .v-menubar-popup[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-fade 120ms; |
| -moz-animation: valo-animate-out-fade 120ms; |
| animation: valo-animate-out-fade 120ms; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-submenu { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-menuitem { |
| display: block; |
| cursor: pointer; |
| line-height: 23px; |
| padding: 0 16px 0 8px; |
| border-radius: 3px; |
| font-weight: 400; |
| white-space: nowrap; |
| position: relative; |
| padding-left: 27px; |
| padding-right: 32px; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-menuitem:active:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| background: #be9a00; |
| opacity: 0.15; |
| filter: alpha(opacity=15.0) ; |
| pointer-events: none; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-menuitem .v-icon { |
| max-height: 23px; |
| margin-right: 4px; |
| min-width: 1em; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-submenu-indicator { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { |
| position: absolute; |
| right: 8px; |
| font-family: ThemeIcons; |
| content: "\f054"; |
| line-height: 25px; |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-menuitem-selected { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-menubar-popup .v-menubar-separator { |
| display: block; |
| margin: 4px 0; |
| height: 0; |
| overflow: hidden; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| position: absolute; |
| left: 8px; |
| } |
| |
| .osbp-cxo .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before { |
| content: ""; |
| } |
| |
| .osbp-cxo .v-menubar-popup [class*="disabled"] { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-menubar-small { |
| height: 27px; |
| padding: 0 12px; |
| |
| font-weight: 400; |
| |
| cursor: default; |
| border-radius: 4px; |
| padding: 0; |
| text-align: left; |
| line-height: 25px; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-menubar-small:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-menubar-small > .v-menubar-menuitem { |
| padding: 0 10px; |
| } |
| |
| .osbp-cxo .v-menubar-small > .v-menubar-menuitem[class*="-icon-only"] { |
| width: 27px; |
| } |
| |
| .osbp-cxo .v-menubar-borderless { |
| border: none; |
| border-radius: 0; |
| padding: 1px; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| text-shadow: none; |
| background: transparent; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-borderless:focus:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border: none; |
| margin-right: 1px; |
| border-radius: 4px; |
| color: #ffd210; |
| padding: 0 11px; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:first-child, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:last-child, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:first-child:last-child { |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:before { |
| content: none; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem:active { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked:first-child { |
| border: 1px solid #d4d4d4; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption { |
| position: relative; |
| top: -1px; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-selected { |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-selected:hover { |
| color: #151206; |
| } |
| |
| .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-disabled, .osbp-cxo .v-menubar-borderless .v-menubar-menuitem-disabled:hover { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-radiobutton { |
| position: relative; |
| line-height: 16px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-radiobutton.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-radiobutton { |
| padding-left: 21px; |
| } |
| |
| :root .osbp-cxo .v-radiobutton label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-radiobutton > input ~ label:after { |
| content: ""; |
| display: inline-block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 16px; |
| height: 16px; |
| position: absolute; |
| top: 0; |
| left: 0; |
| border-radius: 4px; |
| font-size: 13px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input ~ label:before { |
| height: 16px; |
| padding: 0 8px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 16px; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-radiobutton > .v-icon, .osbp-cxo .v-radiobutton > label .v-icon { |
| margin: 0 5px 0 3px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-radiobutton.v-disabled > label, .osbp-cxo .v-radiobutton.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-radiobutton.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-radiobutton.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-radiobutton.v-readonly > label, .osbp-cxo .v-radiobutton.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-radiobutton.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-radiobutton.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-radiobutton.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input:checked ~ label:after { |
| width: 6px; |
| height: 6px; |
| top: 5px; |
| left: 5px; |
| background: #ffd210; |
| } |
| |
| :root .osbp-cxo .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-radiobutton > input ~ label:after { |
| border-radius: 50%; |
| content: ""; |
| } |
| |
| .osbp-cxo .v-select-optiongroup .v-radiobutton, .osbp-cxo .v-select-optiongroup .v-checkbox { |
| display: block; |
| margin: 8px 16px 0 0; |
| } |
| |
| .osbp-cxo .v-select-optiongroup .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup .v-checkbox:first-child { |
| margin-top: 5px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup .v-checkbox:last-child { |
| margin-bottom: 5px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup.v-has-width label { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox { |
| position: relative; |
| line-height: 14px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox { |
| padding-left: 18px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:after { |
| content: ""; |
| display: inline-block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 14px; |
| height: 14px; |
| position: absolute; |
| top: 0; |
| left: 0; |
| border-radius: 4px; |
| font-size: 11px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:before { |
| height: 13.5px; |
| padding: 0 7px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 14px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox > .v-icon, .osbp-cxo .v-select-optiongroup-small .v-checkbox > label .v-icon { |
| margin: 0 5px 0 2px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > label, .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > label, .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton { |
| position: relative; |
| line-height: 14px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton { |
| padding-left: 18px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after { |
| content: ""; |
| display: inline-block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 14px; |
| height: 14px; |
| position: absolute; |
| top: 0; |
| left: 0; |
| border-radius: 4px; |
| font-size: 11px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before { |
| height: 13.5px; |
| padding: 0 7px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 14px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton > .v-icon, .osbp-cxo .v-select-optiongroup-small .v-radiobutton > label .v-icon { |
| margin: 0 5px 0 2px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > label, .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > label, .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after { |
| width: 5px; |
| height: 5px; |
| top: 5px; |
| left: 5px; |
| background: #ffd210; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-small .v-radiobutton > input ~ label:after { |
| border-radius: 50%; |
| content: ""; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton, .osbp-cxo .v-select-optiongroup-small .v-checkbox { |
| display: block; |
| margin: 7px 16px 0 0; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup-small .v-checkbox:first-child { |
| margin-top: 5px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup-small .v-checkbox:last-child { |
| margin-bottom: 5px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-small.v-has-width label { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large { |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox { |
| position: relative; |
| line-height: 23px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox { |
| padding-left: 30px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > 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: 18px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:before { |
| height: 22.5px; |
| padding: 0 10px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 23px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox > .v-icon, .osbp-cxo .v-select-optiongroup-large .v-checkbox > label .v-icon { |
| margin: 0 8px 0 4px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > label, .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > label, .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton { |
| position: relative; |
| line-height: 23px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-has-width label { |
| white-space: normal; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton { |
| padding-left: 30px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton label { |
| -webkit-tap-highlight-color: transparent; |
| -webkit-touch-callout: none; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| left: 0.2em; |
| top: 0.2em; |
| z-index: 0; |
| margin: 0; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before { |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5), 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > 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: 18px; |
| text-align: center; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before { |
| height: 22.5px; |
| padding: 0 10px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| padding: 0; |
| height: 23px; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:after { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| color: transparent; |
| -webkit-transition: color 100ms; |
| -moz-transition: color 100ms; |
| transition: color 100ms; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton > .v-icon, .osbp-cxo .v-select-optiongroup-large .v-radiobutton > label .v-icon { |
| margin: 0 8px 0 4px; |
| min-width: 1em; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > label, .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > .v-icon { |
| cursor: default; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > label, .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > .v-icon { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > label > .v-icon { |
| cursor: default; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after { |
| background: transparent; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after { |
| width: 8px; |
| height: 8px; |
| top: 8px; |
| left: 8px; |
| background: #ffd210; |
| } |
| |
| :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .osbp-cxo .v-select-optiongroup-large .v-radiobutton > input ~ label:after { |
| border-radius: 50%; |
| content: ""; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton, .osbp-cxo .v-select-optiongroup-large .v-checkbox { |
| display: block; |
| margin: 11px 16px 0 0; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton:first-child, .osbp-cxo .v-select-optiongroup-large .v-checkbox:first-child { |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large .v-radiobutton:last-child, .osbp-cxo .v-select-optiongroup-large .v-checkbox:last-child { |
| margin-bottom: 8px; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-large.v-has-width label { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-horizontal { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-horizontal .v-radiobutton, .osbp-cxo .v-select-optiongroup-horizontal .v-checkbox { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-horizontal.v-has-width { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-select-optiongroup-horizontal.v-has-width label { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-link { |
| cursor: pointer; |
| color: #ffd210; |
| text-decoration: underline; |
| font-weight: inherit; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-link:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-link.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-link a { |
| cursor: inherit; |
| color: inherit; |
| text-decoration: inherit; |
| -webkit-transition: inherit; |
| -moz-transition: inherit; |
| transition: inherit; |
| } |
| |
| .osbp-cxo .v-link .v-icon { |
| cursor: inherit; |
| } |
| |
| .osbp-cxo .v-link-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-link-large { |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-window { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| padding: 0; |
| min-width: 128px !important; |
| min-height: 32px !important; |
| white-space: nowrap; |
| overflow: hidden !important; |
| -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; |
| } |
| |
| .osbp-cxo .v-window[class*="animate-in"] { |
| -webkit-animation: valo-animate-in-fade 140ms; |
| -moz-animation: valo-animate-in-fade 140ms; |
| animation: valo-animate-in-fade 140ms; |
| } |
| |
| .osbp-cxo .v-window[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-scale-down-fade 100ms; |
| -moz-animation: valo-animate-out-scale-down-fade 100ms; |
| animation: valo-animate-out-scale-down-fade 100ms; |
| } |
| |
| .osbp-cxo .v-window.v-window-animate-in { |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| } |
| |
| .osbp-cxo .v-window-modalitycurtain { |
| position: fixed; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| background-color: #222; |
| background-image: -webkit-radial-gradient(50% 50%, circle, #222, #0e0e0e); |
| background-image: radial-gradient( circle at 50% 50%, #222, #0e0e0e); |
| opacity: 0.72; |
| filter: alpha(opacity=72) ; |
| -webkit-animation: valo-animate-in-fade 400ms 100ms backwards; |
| -moz-animation: valo-animate-in-fade 400ms 100ms backwards; |
| animation: valo-animate-in-fade 400ms 100ms backwards; |
| } |
| |
| .v-op12 .osbp-cxo .v-window-modalitycurtain { |
| -webkit-animation: none; |
| -moz-animation: none; |
| animation: none; |
| } |
| |
| .osbp-cxo .v-window-draggingCurtain { |
| position: fixed !important; |
| } |
| |
| .osbp-cxo .v-window-resizingCurtain + .v-window, .osbp-cxo .v-window-draggingCurtain + .v-window { |
| -webkit-transition: none; |
| -moz-transition: none; |
| transition: none; |
| } |
| |
| .osbp-cxo .v-window-outerheader { |
| cursor: move; |
| 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); |
| } |
| |
| .osbp-cxo .v-window-outerheader:after { |
| content: ""; |
| position: absolute; |
| bottom: -1px; |
| right: 0; |
| left: 0; |
| height: 0; |
| border-top: 1px solid #d4d4d4; |
| border-color: rgba(212, 212, 212, 0.5); |
| } |
| |
| .osbp-cxo .v-window-header { |
| line-height: 31px; |
| padding-left: 11px; |
| margin-right: 64px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| color: #7e7e7e; |
| } |
| |
| .osbp-cxo .v-window-restorebox-disabled ~ .v-window-closebox ~ .v-window-header, .osbp-cxo .v-window-maximizebox-disabled ~ .v-window-closebox ~ .v-window-header { |
| margin-right: 32px; |
| } |
| |
| .osbp-cxo .v-window-restorebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header, .osbp-cxo .v-window-maximizebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header { |
| margin-right: 11px; |
| } |
| |
| .osbp-cxo .v-window-closebox, .osbp-cxo .v-window-maximizebox, .osbp-cxo .v-window-restorebox { |
| position: absolute; |
| z-index: 3; |
| top: 0; |
| right: 0; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 28px; |
| height: 31px; |
| background-color: white; |
| line-height: 29px; |
| text-align: center; |
| cursor: pointer; |
| font-size: 21px; |
| color: #999999; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-window-closebox:focus, .osbp-cxo .v-window-maximizebox:focus, .osbp-cxo .v-window-restorebox:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-window-closebox:hover, .osbp-cxo .v-window-maximizebox:hover, .osbp-cxo .v-window-restorebox:hover { |
| opacity: 1; |
| filter: none ; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-window-closebox:active, .osbp-cxo .v-window-maximizebox:active, .osbp-cxo .v-window-restorebox:active { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-window-closebox { |
| padding-right: 4px; |
| border-radius: 0 4px 0 4px; |
| } |
| |
| .osbp-cxo .v-window-closebox:before { |
| content: "\00d7"; |
| } |
| |
| .osbp-cxo .v-window-maximizebox, .osbp-cxo .v-window-restorebox { |
| right: 28px; |
| padding-left: 4px; |
| border-radius: 0 0 0 4px; |
| } |
| |
| .osbp-cxo .v-window-maximizebox + .v-window-closebox, .osbp-cxo .v-window-restorebox + .v-window-closebox { |
| border-bottom-left-radius: 0; |
| } |
| |
| .osbp-cxo .v-window-closebox-disabled, .osbp-cxo .v-window-resizebox-disabled, .osbp-cxo .v-window-restorebox-disabled, .osbp-cxo .v-window-maximizebox-disabled { |
| display: none; |
| } |
| |
| .osbp-cxo .v-window-closebox-disabled + .v-window-closebox, .osbp-cxo .v-window-resizebox-disabled + .v-window-closebox, .osbp-cxo .v-window-restorebox-disabled + .v-window-closebox, .osbp-cxo .v-window-maximizebox-disabled + .v-window-closebox { |
| width: 32px; |
| padding-right: 0; |
| border-bottom-left-radius: 4px; |
| } |
| |
| .osbp-cxo .v-window-maximizebox:before { |
| content: "+"; |
| } |
| |
| .osbp-cxo .v-window-restorebox:before { |
| content: "\2013"; |
| } |
| |
| .osbp-cxo .v-window > .popupContent, .osbp-cxo .v-window-wrap, .osbp-cxo .v-window-contents, .osbp-cxo .v-window-contents > .v-scrollable { |
| height: 100%; |
| } |
| |
| .osbp-cxo .v-window-contents { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border-radius: 4px; |
| margin-top: 0 !important; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| left: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .osbp-cxo .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { |
| right: 11px; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable:before { |
| content: ""; |
| position: absolute; |
| z-index: 2; |
| top: 0; |
| height: 0; |
| border-top: 1px solid white; |
| left: 0; |
| right: 0; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable .v-panel-captionwrap:after { |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-window-contents > .v-scrollable .v-panel-content:before { |
| border-color: white; |
| } |
| |
| .osbp-cxo .v-window-footer { |
| height: 0; |
| } |
| |
| .osbp-cxo .v-window-resizebox { |
| position: absolute; |
| z-index: 1000; |
| right: 0; |
| bottom: 0; |
| width: 16px; |
| height: 16px; |
| cursor: nwse-resize; |
| } |
| |
| .v-ie8 .osbp-cxo .v-window-resizebox { |
| background: #000; |
| filter: alpha(opacity=0.1); |
| } |
| |
| .v-ie8 .osbp-cxo .v-window-resizebox, .v-ie9 .osbp-cxo .v-window-resizebox { |
| cursor: se-resize; |
| } |
| |
| .osbp-cxo .v-window-modalitycurtain:active ~ .v-window { |
| -webkit-animation: none; |
| -moz-animation: none; |
| animation: none; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar > .v-widget, .osbp-cxo .v-window-bottom-toolbar > .v-widget { |
| vertical-align: top; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar .v-label, .osbp-cxo .v-window-bottom-toolbar .v-label { |
| line-height: 31px; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar .v-spacing, .osbp-cxo .v-window-bottom-toolbar .v-spacing { |
| width: 5px; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar.v-layout { |
| padding: 6px 11px; |
| position: relative; |
| z-index: 2; |
| border-top: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar.v-menubar { |
| margin: 11px 11px 5px; |
| } |
| |
| .osbp-cxo .v-window-top-toolbar.v-menubar-borderless { |
| padding-left: 5px; |
| padding-right: 5px; |
| margin: 4px 0; |
| } |
| |
| .osbp-cxo .v-window-bottom-toolbar.v-layout { |
| padding: 6px 11px; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 3px); |
| background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 3px); |
| border-top: 1px solid #d4d4d4; |
| border-radius: 0 0 4px 4px; |
| } |
| |
| .osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box; |
| margin: -11px -11px 0; |
| } |
| |
| .osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar { |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless { |
| margin: -6px -6px 0; |
| padding: 0; |
| } |
| |
| .osbp-cxo .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box; |
| margin: 0 -11px -11px; |
| } |
| |
| .osbp-cxo .v-tree { |
| position: relative; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-tree:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-tree-node:before { |
| content: ""; |
| position: absolute; |
| display: inline-block; |
| z-index: 3; |
| width: 1.9em; |
| height: 25px; |
| cursor: pointer; |
| background: red; |
| opacity: 0; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node:before { |
| position: static; |
| margin-left: -1.9em; |
| vertical-align: top; |
| content: "\f0da"; |
| font-family: ThemeIcons; |
| text-align: center; |
| background: transparent; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node { |
| padding-left: 1.9em; |
| } |
| |
| .osbp-cxo .v-tree-node-caption { |
| height: 25px; |
| line-height: 24px; |
| overflow: hidden; |
| white-space: nowrap; |
| vertical-align: top; |
| } |
| |
| .osbp-cxo .v-tree-node-caption > div { |
| display: inline-block; |
| width: 100%; |
| position: relative; |
| z-index: 2; |
| } |
| |
| .osbp-cxo .v-tree-node-caption > div:before { |
| content: "\f0da"; |
| font-family: ThemeIcons; |
| display: inline-block; |
| width: 0.5em; |
| text-align: center; |
| margin: 0 0.6em 0 0.8em; |
| -webkit-transition: all 100ms; |
| -moz-transition: all 100ms; |
| transition: all 100ms; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-caption > div:before { |
| display: none; |
| } |
| |
| .osbp-cxo .v-tree-node-caption span { |
| padding-right: 25px; |
| cursor: pointer; |
| display: inline-block; |
| width: 100%; |
| } |
| |
| .v-ie .osbp-cxo .v-tree-node-caption span { |
| width: auto; |
| } |
| |
| .osbp-cxo .v-tree-node-caption .v-icon { |
| padding-right: 0; |
| width: auto; |
| min-width: 1em; |
| } |
| |
| .osbp-cxo .v-tree-node-caption:after { |
| content: ""; |
| display: block; |
| vertical-align: top; |
| position: absolute; |
| z-index: 1; |
| left: 0; |
| margin-top: -25px; |
| width: 100%; |
| height: 25px; |
| border-radius: 4px; |
| opacity: 0; |
| -webkit-transition: opacity 120ms; |
| -moz-transition: opacity 120ms; |
| transition: opacity 120ms; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-caption:after { |
| content: none; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-caption { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .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: ThemeIcons; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-expanded:before { |
| content: "\f0d7"; |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo .v-tree-node-leaf:before, .osbp-cxo .v-tree-node-leaf > .v-tree-node-caption > div:before { |
| visibility: hidden; |
| } |
| |
| .osbp-cxo .v-tree-node-focused:after { |
| opacity: 1; |
| border: 1px solid #ffd210; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-focused { |
| outline: 1px dotted #ffd210; |
| } |
| |
| .osbp-cxo .v-tree-node-selected { |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-tree-node-selected:after { |
| opacity: 1; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| border: none; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-selected { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| } |
| |
| .osbp-cxo .v-tree-node-children { |
| padding-left: 16px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-children { |
| padding-left: 0; |
| } |
| |
| .osbp-cxo .v-tree-node-drag-top:before, .osbp-cxo .v-tree-node-drag-bottom:after, .osbp-cxo .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before { |
| content: "\2022"; |
| display: block; |
| position: absolute; |
| height: 2px; |
| width: 100%; |
| background: #ffd210; |
| font-size: 32px; |
| line-height: 2px; |
| color: #ffd210; |
| text-indent: -4px; |
| text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa; |
| opacity: 1; |
| visibility: visible; |
| } |
| |
| .osbp-cxo .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after { |
| content: none; |
| } |
| |
| .osbp-cxo .v-tree-node-caption-drag-center { |
| -webkit-box-shadow: 0 0 0 2px #ffd210; |
| box-shadow: 0 0 0 2px #ffd210; |
| position: relative; |
| border-radius: 4px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-caption-drag-center { |
| outline: 2px solid #ffd210; |
| } |
| |
| .v-ff .osbp-cxo .v-tree-node-drag-top:before, .v-ff .osbp-cxo .v-tree-node-drag-bottom:after { |
| line-height: 1px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tree-node-drag-top:before, .v-ie8 .osbp-cxo .v-tree-node-drag-bottom:after { |
| line-height: 0; |
| } |
| |
| .osbp-cxo .v-table { |
| position: relative; |
| background: #fafafa; |
| color: #464646; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .v-table-header table, .osbp-cxo .v-table-footer table, .osbp-cxo .v-table-table { |
| -webkit-box-shadow: 0 0 0 1px #d4d4d4; |
| box-shadow: 0 0 0 1px #d4d4d4; |
| } |
| |
| .v-ie8 .osbp-cxo .v-table-header table, .v-ie8 .osbp-cxo .v-table-footer table, .v-ie8 .osbp-cxo .v-table-table { |
| outline: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-header-wrap, .osbp-cxo .v-table-footer-wrap, .osbp-cxo .v-table-header-drag { |
| border: 1px solid #d4d4d4; |
| 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: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-table-header-wrap { |
| position: relative; |
| border-bottom: none; |
| border-radius: 4px 4px 0 0; |
| } |
| |
| .osbp-cxo .v-table-footer-wrap { |
| border-top: none; |
| border-radius: 0 0 4px 4px; |
| } |
| |
| .osbp-cxo .v-table-footer td { |
| border-left: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-footer-container, .osbp-cxo .v-table-caption-container { |
| overflow: hidden; |
| line-height: 1; |
| min-height: 32px; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .v-ie8 .osbp-cxo .v-table-footer-container, .v-ie8 .osbp-cxo .v-table-caption-container { |
| min-height: 15px; |
| } |
| |
| .osbp-cxo .v-table-footer-container { |
| padding: 8px 11px 9px; |
| float: right; |
| } |
| |
| .osbp-cxo [class^="v-table-header-cell"] { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-table-caption-container, .osbp-cxo .v-table-header-drag { |
| padding: 9px 11px 8px; |
| border-left: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-caption-container-align-right { |
| padding-right: 4px; |
| } |
| |
| .osbp-cxo .v-table-resizer { |
| height: 32px; |
| width: 7px; |
| cursor: e-resize; |
| cursor: col-resize; |
| position: relative; |
| right: -4px; |
| z-index: 1; |
| margin-left: -7px; |
| } |
| |
| .osbp-cxo .v-table-cell-content { |
| border-left: 1px solid #d4d4d4; |
| overflow: hidden; |
| height: 32px; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-table-cell-content:first-child { |
| border-left: none; |
| padding-left: 1px; |
| } |
| |
| .osbp-cxo .v-table-header td:first-child .v-table-caption-container, .osbp-cxo .v-table-footer td:first-child { |
| border-left-color: transparent; |
| } |
| |
| .osbp-cxo .v-table-cell-wrapper { |
| line-height: 1; |
| padding: 0 11px; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| margin-right: 0 !important; |
| } |
| |
| .osbp-cxo .v-table-cell-wrapper > .v-widget { |
| margin: 3px -6px; |
| } |
| |
| .osbp-cxo .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-cell-wrapper > .v-widget.v-select-optiongroup { |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-table-cell-wrapper > .v-widget.v-progressbar { |
| margin-left: 0; |
| margin-right: 0; |
| } |
| |
| .osbp-cxo .v-table-body { |
| border: 1px solid #d4d4d4; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| } |
| |
| .osbp-cxo .v-table-table { |
| background-color: white; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-table-table td { |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-table tr:first-child > td { |
| border-top: none; |
| } |
| |
| .osbp-cxo .v-table-row { |
| background-color: white; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-table-row-odd { |
| background-color: #f5f5f5; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-table-body-noselection .v-table-row, .osbp-cxo .v-table-body-noselection .v-table-row-odd { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-table [class*="-row"].v-selected { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| background-origin: border-box; |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-table [class*="-row"].v-selected + .v-selected { |
| background: #f4c50d; |
| } |
| |
| .osbp-cxo .v-table [class*="-row"].v-selected + .v-selected td { |
| border-top-color: #f4c50d; |
| } |
| |
| .osbp-cxo .v-table [class*="-row"].v-selected .v-table-cell-content { |
| border-color: transparent; |
| border-left-color: #ddb509; |
| } |
| |
| .osbp-cxo .v-table [class*="-row"].v-selected .v-table-cell-content:first-child { |
| border-left-color: transparent; |
| } |
| |
| .osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator { |
| background: transparent; |
| width: 16px; |
| height: 32px; |
| line-height: 32px; |
| margin-left: -16px; |
| } |
| |
| .osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator:before, .osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator:before { |
| font-style: normal; |
| font-weight: normal; |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-table-header-cell-asc .v-table-sort-indicator:before { |
| content: "\f0de"; |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo .v-table-header-cell-desc .v-table-sort-indicator:before { |
| content: "\f0dd"; |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo [class*="rowheader"] span.v-icon { |
| min-width: 1em; |
| } |
| |
| .osbp-cxo .v-table-focus { |
| outline: 1px solid #ffd210; |
| outline-offset: -1px; |
| } |
| |
| .osbp-cxo .v-drag-element.v-table-focus, .osbp-cxo .v-drag-element .v-table-focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-table-header-drag { |
| position: absolute; |
| opacity: 0.9; |
| filter: alpha(opacity=90) ; |
| margin-top: -16px; |
| z-index: 30000; |
| line-height: 1; |
| } |
| |
| .osbp-cxo .v-table-focus-slot-right { |
| border-right: 3px solid #ffd210; |
| right: -2px; |
| margin-left: -10px !important; |
| } |
| |
| .osbp-cxo .v-table-focus-slot-left { |
| float: left; |
| border-left: 3px solid #ffd210; |
| left: -1px; |
| right: auto; |
| margin-left: 0 !important; |
| margin-right: -10px; |
| } |
| |
| .osbp-cxo .v-table-column-selector { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| |
| |
| position: absolute; |
| z-index: 2; |
| top: 0; |
| right: 0; |
| width: 16px; |
| height: 16px; |
| line-height: 16px; |
| padding: 0; |
| border-top-width: 0; |
| border-right-width: 0; |
| border-radius: 0 0 0 4px; |
| cursor: pointer; |
| text-align: center; |
| opacity: 0; |
| filter: alpha(opacity=0) ; |
| -webkit-transition: opacity 200ms 2s; |
| -moz-transition: opacity 200ms 2s; |
| transition: opacity 200ms 2s; |
| } |
| |
| .osbp-cxo .v-table-column-selector:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-table-column-selector:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-table-column-selector:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-table-column-selector:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-table-column-selector:after { |
| content: ""; |
| position: absolute; |
| border: none; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| } |
| |
| .osbp-cxo .v-table-column-selector:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-table-column-selector:before { |
| font-family: ThemeIcons; |
| content: "\f013"; |
| } |
| |
| .osbp-cxo .v-table-header-wrap:hover .v-table-column-selector { |
| opacity: 1; |
| filter: none ; |
| -webkit-transition-delay: 200ms; |
| -moz-transition-delay: 200ms; |
| transition-delay: 200ms; |
| } |
| |
| .osbp-cxo .v-on:before, .osbp-cxo .v-off:before { |
| content: "\f00c"; |
| font-family: ThemeIcons; |
| font-size: 0.9em; |
| margin-right: 5px; |
| } |
| |
| .osbp-cxo .v-on div, .osbp-cxo .v-off div { |
| display: inline; |
| } |
| |
| .osbp-cxo .v-off:before { |
| visibility: hidden; |
| } |
| |
| .osbp-cxo tbody.v-drag-element { |
| display: block; |
| overflow: visible; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| background: transparent; |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo tbody.v-drag-element tr { |
| display: block; |
| |
| |
| -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); |
| 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; |
| } |
| |
| .osbp-cxo .v-table-body { |
| position: relative; |
| z-index: 1; |
| } |
| |
| .osbp-cxo .v-table-scrollposition { |
| position: absolute; |
| top: 50%; |
| width: 100%; |
| height: 32px; |
| line-height: 32px; |
| margin: -16px 0 0 !important; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-table-drag { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .v-table-drag .v-table-body { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .v-ie8 .osbp-cxo .v-table-drag .v-table-body { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-table-drag .v-table-body .v-table-focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-table-row-drag-middle .v-table-cell-content { |
| background-color: #fff6cf; |
| color: #6a5b17; |
| } |
| |
| .osbp-cxo .v-table-row-drag-bottom td.v-table-cell-content { |
| border-bottom: 2px solid #ffd210; |
| height: 30px; |
| } |
| |
| .osbp-cxo .v-table-row-drag-bottom .v-table-cell-wrapper { |
| margin-bottom: -2px; |
| } |
| |
| .osbp-cxo .v-table-row-drag-top td.v-table-cell-content { |
| border-top: 2px solid #ffd210; |
| height: 31px; |
| } |
| |
| .osbp-cxo .v-table-row-drag-top .v-table-cell-wrapper { |
| margin-top: -1px; |
| } |
| |
| .osbp-cxo .v-table-no-stripes .v-table-row, .osbp-cxo .v-table-no-stripes .v-table-row-odd { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-table-no-vertical-lines .v-table-cell-content { |
| border-left: none; |
| padding-left: 1px; |
| } |
| |
| .osbp-cxo .v-table-no-vertical-lines.v-treetable .v-table-cell-content { |
| padding-left: 12px; |
| } |
| |
| .osbp-cxo .v-table-no-horizontal-lines .v-table-cell-content { |
| border-top: none; |
| border-bottom: none; |
| } |
| |
| .osbp-cxo .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content { |
| height: 31px; |
| } |
| |
| .osbp-cxo .v-table-no-header .v-table-header-wrap { |
| display: none; |
| } |
| |
| .osbp-cxo .v-table-borderless .v-table-header-wrap, .osbp-cxo .v-table-borderless .v-table-footer-wrap, .osbp-cxo .v-table-borderless .v-table-header-drag, .osbp-cxo .v-table-borderless .v-table-body { |
| border: none; |
| } |
| |
| .osbp-cxo .v-table-borderless .v-table-header-wrap { |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-borderless .v-table-footer-wrap { |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-header-wrap, .osbp-cxo .v-table-compact .v-table-footer-wrap, .osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-header-wrap, .osbp-cxo .v-table-small .v-table-footer-wrap, .osbp-cxo .v-table-small .v-table-header-drag { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-footer-container, .osbp-cxo .v-table-small .v-table-footer-container { |
| padding: 6px 7px 7px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-caption-container, .osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-caption-container, .osbp-cxo .v-table-small .v-table-header-drag { |
| padding-top: 7px; |
| padding-bottom: 6px; |
| padding-left: 6px; |
| padding-right: 6px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-caption-container-align-right, .osbp-cxo .v-table-small .v-table-caption-container-align-right { |
| padding-right: 0; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-resizer, .osbp-cxo .v-table-small .v-table-resizer { |
| height: 27px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-cell-content, .osbp-cxo .v-table-small .v-table-cell-content { |
| height: 27px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-cell-wrapper, .osbp-cxo .v-table-small .v-table-cell-wrapper { |
| padding-left: 6px; |
| padding-right: 6px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget { |
| margin: 2px -3px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-select-optiongroup, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-label, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-checkbox, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-select-optiongroup { |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-cell-wrapper > .v-widget.v-progressbar, .osbp-cxo .v-table-small .v-table-cell-wrapper > .v-widget.v-progressbar { |
| margin-left: 0; |
| margin-right: 0; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .osbp-cxo .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .osbp-cxo .v-table-small .v-table-header-cell-desc .v-table-sort-indicator { |
| height: 27px; |
| line-height: 27px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-header-drag, .osbp-cxo .v-table-small .v-table-header-drag { |
| margin-top: -14px; |
| } |
| |
| .osbp-cxo .v-table-compact.v-treetable .v-table-cell-wrapper, .osbp-cxo .v-table-small.v-treetable .v-table-cell-wrapper { |
| padding-left: 0; |
| padding-right: 0; |
| min-height: 16px; |
| } |
| |
| .osbp-cxo .v-table-compact.v-treetable .v-table-cell-content, .osbp-cxo .v-table-small.v-treetable .v-table-cell-content { |
| padding-left: 6px; |
| padding-right: 6px; |
| } |
| |
| .osbp-cxo .v-table-compact.v-treetable .v-table-cell-content:first-child, .osbp-cxo .v-table-small.v-treetable .v-table-cell-content:first-child { |
| padding-left: 7px; |
| } |
| |
| .osbp-cxo .v-table-compact.v-treetable .v-table-footer-container, .osbp-cxo .v-table-small.v-treetable .v-table-footer-container { |
| padding-left: 6px; |
| padding-right: 6px; |
| } |
| |
| .osbp-cxo .v-table-compact .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .osbp-cxo .v-table-small .v-table-row-drag-top .v-table-cell-content, .osbp-cxo .v-table-small .v-table-row-drag-bottom .v-table-cell-content { |
| height: 26px; |
| } |
| |
| .osbp-cxo .v-table-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-table-small.v-treetable .v-table-cell-wrapper { |
| min-height: 14px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="caption-container"], .osbp-cxo .v-treetable [class*="footer-container"], .osbp-cxo .v-treetable [class*="cell-wrapper"] { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box; |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| .osbp-cxo .v-treetable [class*="caption-container"], .osbp-cxo .v-treetable [class*="footer-container"] { |
| min-height: 15px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="cell-wrapper"] { |
| min-height: 16px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="caption-container"] { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="caption-container-align-right"] { |
| padding-left: 18px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="footer-container"] { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="cell-content"] { |
| padding-left: 11px; |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-treetable [class*="cell-content"]:first-child { |
| padding-left: 12px; |
| } |
| |
| .osbp-cxo .v-treetable-treespacer { |
| display: inline-block; |
| position: absolute; |
| width: 16px !important; |
| margin-left: -22px; |
| text-align: center; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-treetable-node-closed:before { |
| content: "\f0da"; |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo .v-treetable-node-open:before { |
| content: "\f0d7"; |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter { |
| width: 1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after { |
| left: -5px; |
| right: -5px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-second-container { |
| margin-left: 1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter { |
| height: 1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after { |
| top: -5px; |
| bottom: -5px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter { |
| width: 11px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter:after { |
| left: 0px; |
| right: 0px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:after { |
| content: ""; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-left-color: #d4d4d4; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| width: 0; |
| height: 32px; |
| margin-left: -1px; |
| margin-top: -16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal.large > div > .v-splitpanel-second-container { |
| margin-left: 11px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter { |
| height: 11px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter:after { |
| top: 0px; |
| bottom: 0px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:after { |
| content: ""; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-left-color: #d4d4d4; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| width: 32px; |
| height: 0; |
| margin-left: -16px; |
| margin-top: -1px; |
| } |
| |
| .osbp-cxo .v-progressbar-wrapper { |
| border-radius: 4px; |
| height: 8px; |
| background-color: #d4d4d4; |
| background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%); |
| background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%); |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| min-width: 64px; |
| } |
| |
| .osbp-cxo .v-progressbar-indicator { |
| border-radius: 4px; |
| height: inherit; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| |
| |
| border: 1px solid #d4d4d4; |
| -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; |
| } |
| |
| .osbp-cxo .v-progressbar-point .v-progressbar-indicator { |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border: none; |
| text-align: right; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .v-progressbar-point .v-progressbar-indicator:before { |
| content: ""; |
| display: inline-block; |
| border-radius: 4px; |
| height: inherit; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| |
| |
| border: 1px solid #d4d4d4; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| max-width: 100%; |
| width: 8px; |
| vertical-align: top; |
| } |
| |
| .osbp-cxo .v-progressbar-indeterminate { |
| height: 24px !important; |
| width: 24px !important; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border: 2px solid rgba(255, 210, 16, 0.2); |
| border-top-color: #ffd210; |
| border-right-color: #ffd210; |
| 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; |
| } |
| |
| .v-ie8 .osbp-cxo .v-progressbar-indeterminate, .v-ie9 .osbp-cxo .v-progressbar-indeterminate { |
| border: none; |
| border-radius: 4px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; |
| background-size: 80%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-progressbar-indeterminate { |
| min-width: 30px; |
| min-height: 30px; |
| } |
| |
| .osbp-cxo .v-progressbar-indeterminate .v-progressbar-wrapper { |
| display: none; |
| } |
| |
| .osbp-cxo .v-slider { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-slider:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-slider:focus .v-slider-handle:after { |
| opacity: 1; |
| } |
| |
| .v-ie8 .osbp-cxo .v-slider:focus .v-slider-handle:after { |
| visibility: visible; |
| } |
| |
| .osbp-cxo .v-slider.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-slider-base { |
| border-radius: 4px; |
| height: 8px; |
| background-color: #d4d4d4; |
| background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%); |
| background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%); |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| min-width: 64px; |
| height: 4px; |
| margin: 14px 9px; |
| white-space: nowrap; |
| overflow: hidden; |
| |
| } |
| |
| .osbp-cxo .v-slider-base:before { |
| content: ""; |
| position: absolute; |
| top: 14px; |
| bottom: 14px; |
| left: 9px; |
| width: 8px; |
| border-radius: 4px; |
| border-left: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-slider-base:after { |
| border-radius: 4px; |
| height: inherit; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| |
| |
| border: 1px solid #d4d4d4; |
| -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 .osbp-cxo .v-slider-base:after { |
| position: relative; |
| left: -9px; |
| } |
| |
| .osbp-cxo .v-has-width > .v-slider-base { |
| min-width: 0; |
| } |
| |
| .osbp-cxo .v-slider-handle { |
| margin-top: -14px; |
| width: 0.1px; |
| display: inline-block; |
| vertical-align: top; |
| } |
| |
| .osbp-cxo .v-slider-handle:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-slider-handle:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-slider-handle:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-slider-handle:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-slider-handle:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-slider-handle:after { |
| border: 1px solid #d4d4d4; |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| opacity: 0; |
| -webkit-transition: opacity 200ms; |
| -moz-transition: opacity 200ms; |
| transition: opacity 200ms; |
| } |
| |
| .v-ie8 .osbp-cxo .v-slider-handle:after { |
| visibility: hidden; |
| } |
| |
| .osbp-cxo .v-slider-handle:before, .osbp-cxo .v-slider-handle:after { |
| content: ""; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| padding: 0; |
| width: 18px; |
| height: 18px; |
| border-radius: 9px; |
| position: absolute; |
| z-index: 1; |
| margin-top: 7px; |
| margin-left: -9px; |
| } |
| |
| .osbp-cxo .v-slider-feedback { |
| background-color: #323232; |
| background-color: rgba(50, 50, 50, 0.9); |
| -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); |
| box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); |
| color: white; |
| padding: 4px 8px; |
| border-radius: 3px; |
| max-width: 35em; |
| overflow: hidden !important; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-slider-vertical { |
| padding: 9px 0; |
| height: 82px; |
| } |
| |
| .osbp-cxo .v-slider-vertical .v-slider-base { |
| background-color: #d4d4d4; |
| background-image: -webkit-linear-gradient(right, #d7d7d7 2%, #c7c7c7 98%); |
| background-image: linear-gradient(to left,#d7d7d7 2%, #c7c7c7 98%); |
| width: 4px; |
| height: 100% !important; |
| min-width: 0; |
| margin: 0 14px; |
| } |
| |
| .osbp-cxo .v-slider-vertical .v-slider-base:before { |
| top: auto; |
| bottom: 9px; |
| left: 14px; |
| right: 14px; |
| width: auto; |
| height: 8px; |
| border-left: none; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-slider-vertical .v-slider-base:after { |
| height: 101%; |
| margin-left: 0; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(left, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to right,#ffd511 2%, #f4c50d 98%); |
| } |
| |
| .v-ie8 .osbp-cxo .v-slider-vertical .v-slider-base:after { |
| top: 9px; |
| left: 0; |
| height: 130%; |
| } |
| |
| .osbp-cxo .v-slider-vertical .v-slider-handle { |
| width: 0; |
| height: 0.1px; |
| width: 32px; |
| display: block; |
| } |
| |
| .osbp-cxo .v-slider-vertical .v-slider-handle:before, .osbp-cxo .v-slider-vertical .v-slider-handle:after { |
| width: 18px; |
| height: 18px; |
| margin-top: -9px; |
| margin-left: -7px; |
| } |
| |
| .osbp-cxo .v-slider-no-indicator .v-slider-base:before, .osbp-cxo .v-slider-no-indicator .v-slider-base:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-tabsheet:not(.v-has-width) { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .v-tabsheet-spacertd { |
| display: none !important; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer { |
| position: relative; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer:before { |
| content: ""; |
| position: absolute; |
| height: 0; |
| border-top: 1px solid #d4d4d4; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer .v-tabsheet-tabs { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell { |
| vertical-align: bottom; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem { |
| line-height: 0; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption { |
| margin-left: 16px; |
| padding: 0 3px; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| cursor: pointer; |
| text-align: center; |
| line-height: 32px; |
| font-size: 15px; |
| font-weight: 300; |
| color: #6b6b6b; |
| width: auto !important; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| border-bottom: 2px solid transparent; |
| position: relative; |
| -webkit-transition: border-bottom 200ms, color 200ms; |
| -moz-transition: border-bottom 200ms, color 200ms; |
| transition: border-bottom 200ms, color 200ms; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption .v-captiontext { |
| display: inline; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext { |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| cursor: default; |
| color: inherit !important; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell:first-child .v-caption, .osbp-cxo .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell:focus .v-caption { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption { |
| border-bottom-color: #ffd210; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-caption-closable { |
| padding-right: 21px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable { |
| padding-right: 3px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close { |
| position: absolute; |
| right: 0; |
| top: 50%; |
| margin: -8px 0 0; |
| font-size: 18px; |
| line-height: 18px; |
| width: 18px; |
| text-align: center; |
| border-radius: 2px; |
| color: #999999; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover { |
| background: rgba(0, 0, 0, 0.03); |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active { |
| background: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller { |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| padding-left: 16px; |
| 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; |
| } |
| |
| .osbp-cxo .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, #d4d4d4 70%, rgba(212, 212, 212, 0) 100%); |
| background-image: linear-gradient(to left,#d4d4d4 70%, rgba(212, 212, 212, 0) 100%); |
| } |
| |
| .v-ie8 .osbp-cxo .v-tabsheet-scroller, .v-ie9 .osbp-cxo .v-tabsheet-scroller { |
| background-color: #fafafa; |
| } |
| |
| .v-ie8 .osbp-cxo .v-tabsheet-scroller:after, .v-ie9 .osbp-cxo .v-tabsheet-scroller:after { |
| background-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .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: 100%; |
| margin: 0; |
| padding: 0 8px; |
| outline: none; |
| cursor: pointer; |
| pointer-events: auto; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller button:hover { |
| opacity: 1; |
| filter: none ; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller button:active { |
| opacity: 0.7; |
| filter: alpha(opacity=70) ; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller button::-moz-focus-inner { |
| padding: 0; |
| border: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller [class*="Next"] { |
| padding-left: 4px; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller [class*="Next"]:before { |
| font-family: ThemeIcons; |
| content: "\f054"; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller [class*="Prev"] { |
| padding-right: 4px; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller [class*="Prev"]:before { |
| font-family: ThemeIcons; |
| content: "\f053"; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller [class*="disabled"] { |
| cursor: default; |
| color: inherit !important; |
| opacity: 0.1 !important; |
| filter: alpha(opacity=10) !important; |
| } |
| |
| .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer table, .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tbody, .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr { |
| display: table; |
| table-layout: fixed; |
| } |
| |
| .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer td { |
| display: table-cell; |
| } |
| |
| .osbp-cxo .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer .v-caption { |
| margin: 0; |
| display: block; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption { |
| margin-left: 3px; |
| padding: 0 10px; |
| background-color: #fff; |
| border: 1px solid transparent; |
| line-height: 31px; |
| border-radius: 4px 4px 0 0; |
| font-weight: 400; |
| -webkit-transition: background-color 160ms; |
| -moz-transition: background-color 160ms; |
| transition: background-color 160ms; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover { |
| background-color: #f7f7f7; |
| border-bottom-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover { |
| background-color: #fff; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable { |
| padding-right: 28px; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { |
| top: 4px; |
| right: 4px; |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer td:first-child .v-caption, .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption { |
| border-color: #d4d4d4; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption { |
| background: white; |
| border-color: #d4d4d4; |
| border-bottom: none; |
| padding-bottom: 1px; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-content { |
| border: 1px solid #d4d4d4; |
| border-top: none; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed > .v-tabsheet-content > div { |
| background: white; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed.padded-tabbar > .v-tabsheet-tabcontainer { |
| border: 1px solid #d4d4d4; |
| border-bottom: none; |
| background: #fafafa; |
| padding-top: 5px; |
| } |
| |
| .osbp-cxo .v-tabsheet-framed.icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption { |
| padding-bottom: 6px; |
| } |
| |
| .osbp-cxo .v-tabsheet-centered-tabs > .v-tabsheet-tabcontainer { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-tabsheet-right-aligned-tabs > .v-tabsheet-tabcontainer { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-tabsheet-padded-tabbar > .v-tabsheet-tabcontainer .v-tabsheet-tabs { |
| padding: 0 8px; |
| } |
| |
| .osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption { |
| padding-top: 5px; |
| padding-bottom: 5px; |
| line-height: 1.2; |
| } |
| |
| .osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon { |
| display: block; |
| } |
| |
| .osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon + .v-captiontext.v-captiontext { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable { |
| padding-right: 10px; |
| } |
| |
| .osbp-cxo .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { |
| top: 4px; |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-tabsheet-compact-tabbar > .v-tabsheet-tabcontainer-compact-tabbar .v-caption { |
| line-height: 1.8; |
| } |
| |
| .osbp-cxo .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { |
| visibility: hidden; |
| } |
| |
| .osbp-cxo .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close { |
| visibility: visible; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup.v-window { |
| min-width: 220px !important; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-tabsheet-tabs { |
| padding: 0 8px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] { |
| padding: 11px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-widget { |
| width: 100% !important; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-has-caption { |
| white-space: nowrap; |
| padding-left: 48px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-caption { |
| display: inline-block; |
| margin-left: -48px; |
| width: 48px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption { |
| padding-left: 80px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption { |
| margin-left: -80px; |
| width: 80px; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-slider-red .v-slider-base:after { |
| background: red; |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-slider-green .v-slider-base:after { |
| background: green; |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-slider-blue .v-slider-base:after { |
| background: blue; |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-margin-bottom { |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .resize-button { |
| width: 100% !important; |
| height: auto !important; |
| text-align: center; |
| outline: none; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .resize-button:before { |
| font-family: ThemeIcons; |
| content: "\f141"; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .resize-button-caption { |
| display: none; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-horizontallayout { |
| height: auto !important; |
| padding: 8px 0; |
| background-color: #fafafa; |
| border-top: 1px solid #ededed; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-horizontallayout .v-expand { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .v-colorpicker-popup .v-horizontallayout .v-button { |
| width: 80% !important; |
| } |
| |
| .osbp-cxo .v-colorpicker-preview { |
| width: 100% !important; |
| height: auto !important; |
| padding: 8px; |
| } |
| |
| .osbp-cxo .v-colorpicker-preview-textfield { |
| height: auto !important; |
| text-align: center; |
| border: none; |
| } |
| |
| .osbp-cxo .v-colorpicker { |
| width: auto; |
| } |
| |
| .osbp-cxo .v-colorpicker-button-color { |
| position: absolute; |
| top: 5px; |
| right: 5px; |
| bottom: 5px; |
| left: 5px; |
| border-radius: 3px; |
| border: 1px solid rgba(0, 0, 0, 0.5); |
| max-width: 19px; |
| } |
| |
| .osbp-cxo .v-colorpicker-button-color + .v-button-caption:not(:empty) { |
| margin-left: 16px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-colorpicker-button-color { |
| position: relative; |
| top: auto; |
| right: auto; |
| bottom: auto; |
| left: auto; |
| width: 16px; |
| height: 16px; |
| display: inline-block; |
| vertical-align: middle; |
| margin: 0 -8px; |
| } |
| |
| .v-ie8 .osbp-cxo .v-colorpicker-button-color + .v-button-caption { |
| margin-left: 16px; |
| } |
| |
| .osbp-cxo .v-panel { |
| background: white; |
| color: #474747; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| overflow: visible !important; |
| } |
| |
| .osbp-cxo .v-panel-caption { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| padding: 0 11px; |
| line-height: 31px; |
| border-bottom: 1px solid #d4d4d4; |
| 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; |
| |
| |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| border-radius: 3px 3px 0 0; |
| } |
| |
| .osbp-cxo .v-panel-content { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 100%; |
| height: 100%; |
| } |
| |
| .osbp-cxo .v-panel-content > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-panel-content > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-panel-content > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-panel-content > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-panel-borderless { |
| background: transparent; |
| color: inherit; |
| border: none; |
| border-radius: 0; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-panel-borderless > div > [class*="-caption"] { |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| color: inherit; |
| padding: 0; |
| margin: 0 11px; |
| border-bottom: none; |
| } |
| |
| .osbp-cxo .v-panel-well { |
| background: #f5f5f5; |
| color: #454545; |
| -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-panel-well > div > [class*="-caption"] { |
| background: transparent; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-panel-scroll-divider > [class*="-captionwrap"] { |
| position: relative; |
| z-index: 2; |
| } |
| |
| .osbp-cxo .v-panel-scroll-divider > [class*="-captionwrap"]:after { |
| content: ""; |
| position: absolute; |
| bottom: -1px; |
| right: 0; |
| left: 0; |
| height: 0; |
| border-top: 1px solid #d4d4d4; |
| border-color: rgba(212, 212, 212, 0.5); |
| } |
| |
| .osbp-cxo .v-panel-scroll-divider > [class*="-content"]:before { |
| content: ""; |
| position: absolute; |
| z-index: 2; |
| top: 0; |
| height: 0; |
| border-top: 1px solid #fff; |
| left: 0; |
| right: 0; |
| } |
| |
| .osbp-cxo .v-panel-caption.v-horizontallayout { |
| height: auto !important; |
| line-height: 0; |
| } |
| |
| .osbp-cxo .v-panel-caption.v-horizontallayout .v-slot { |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-panel-caption.v-horizontallayout .v-label { |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .v-accordion { |
| background: white; |
| color: #474747; |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| 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; |
| } |
| |
| .osbp-cxo .v-accordion-item { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-accordion-item:first-child { |
| border-top-left-radius: 3px; |
| border-top-right-radius: 3px; |
| } |
| |
| .osbp-cxo .v-accordion-item:last-child { |
| border-bottom-left-radius: 3px; |
| border-bottom-right-radius: 3px; |
| } |
| |
| .osbp-cxo .v-accordion-item:last-child [class*="item-content"] { |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-accordion-item[class*="item-open"]:last-child > div > .v-caption { |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption { |
| border-bottom: none; |
| margin-bottom: 0; |
| } |
| |
| .osbp-cxo .v-accordion-item[class*="item-open"] + [class*="item"] { |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-accordion-item-caption { |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-accordion-item-caption > .v-caption { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| padding: 0 11px; |
| line-height: 31px; |
| border-bottom: 1px solid #d4d4d4; |
| 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; |
| |
| |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| display: block; |
| background: transparent; |
| border-bottom-color: #d4d4d4; |
| border-radius: inherit; |
| cursor: pointer; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-accordion-item-caption > .v-caption:hover:before, .osbp-cxo .v-accordion-item-caption > .v-caption:active:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| border-radius: inherit; |
| } |
| |
| .osbp-cxo .v-accordion-item-caption > .v-caption:hover:before { |
| background-color: rgba(186, 186, 186, 0.1); |
| border: none; |
| } |
| |
| .osbp-cxo .v-accordion-item-caption > .v-caption:active:before { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-accordion-item-content { |
| -webkit-box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: inset 1px 3px 7px rgba(0, 0, 0, 0.1); |
| background-color: white; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .v-accordion-item-content > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-accordion-item-content > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-accordion-item-content > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-accordion-item-content > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-accordion-borderless { |
| border: none; |
| border-radius: 0; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-accordion-borderless > .v-accordion-item, .osbp-cxo .v-accordion-borderless > .v-accordion-item > div > .v-caption, .osbp-cxo .v-accordion-borderless > .v-accordion-item > .v-accordion-item-content { |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-select-twincol { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-select-twincol select { |
| border: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| color: #464646; |
| } |
| |
| .osbp-cxo .v-select-twincol select:focus { |
| outline: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-select-twincol .v-textfield, .osbp-cxo .v-select-twincol .v-nativebutton { |
| width: auto !important; |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .v-select-twincol .v-nativebutton { |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-select-twincol-caption-left, .osbp-cxo .v-select-twincol-caption-right { |
| font-size: 14px; |
| font-weight: 400; |
| padding-bottom: 0.3em; |
| padding-left: 1px; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons { |
| white-space: nowrap; |
| display: inline-block; |
| vertical-align: top; |
| position: relative; |
| min-width: 3.5em; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| display: inline-block; |
| vertical-align: top; |
| text-align: left; |
| white-space: normal; |
| position: absolute; |
| left: 8px; |
| right: 8px; |
| top: 31px; |
| padding: 0; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button:first-child { |
| top: 0; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button-caption { |
| display: none; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button:focus { |
| z-index: 1; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button:first-child { |
| border-radius: 4px 4px 0 0; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button:last-child { |
| border-radius: 0 0 4px 4px; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button-wrap:before { |
| font-family: ThemeIcons; |
| content: "\f053"; |
| } |
| |
| .osbp-cxo .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before { |
| font-family: ThemeIcons; |
| content: "\f054"; |
| } |
| |
| .osbp-cxo .v-select select { |
| border: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| color: #464646; |
| } |
| |
| .osbp-cxo .v-select select:focus { |
| outline: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-select-select { |
| display: block; |
| } |
| |
| .osbp-cxo .v-select-select + .v-textfield { |
| width: auto !important; |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .v-select-select + .v-textfield + .v-nativebutton { |
| margin-top: 8px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-calendar-header-day { |
| font-weight: 400; |
| text-align: center; |
| padding: 6px 0; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-back, .osbp-cxo .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) ; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-back:focus, .osbp-cxo .v-calendar-header-week .v-calendar-next:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-back:hover, .osbp-cxo .v-calendar-header-week .v-calendar-next:hover { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-back:active, .osbp-cxo .v-calendar-header-week .v-calendar-next:active { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-back:before { |
| font-family: ThemeIcons; |
| content: "\f053"; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-next:before { |
| font-family: ThemeIcons; |
| content: "\f054"; |
| } |
| |
| .osbp-cxo .v-calendar-month { |
| outline: none; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .v-calendar-month td { |
| vertical-align: top; |
| } |
| |
| .osbp-cxo .v-calendar-week-number { |
| cursor: pointer; |
| width: 20px; |
| text-align: center; |
| font-size: 0.8em; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-calendar-week-number:hover { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-calendar-month-day { |
| outline: none; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| line-height: 1.2; |
| } |
| |
| .osbp-cxo .v-calendar-bottom-spacer, .osbp-cxo .v-calendar-spacer, .osbp-cxo .v-calendar-bottom-spacer-empty { |
| height: 19px; |
| margin-bottom: 3px; |
| } |
| |
| .osbp-cxo .v-calendar-bottom-spacer { |
| font-size: 0.8em; |
| padding: 0 4px; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-calendar-bottom-spacer:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-calendar-day-number { |
| line-height: 21px; |
| font-size: 16px; |
| text-align: right; |
| margin: 0 4px; |
| white-space: nowrap; |
| border-top: 1px solid #f2f2f2; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-calendar-day-number:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-calendar-month-day-today { |
| background: #faf8ee; |
| } |
| |
| .osbp-cxo .v-calendar-month-day-today .v-calendar-day-number { |
| font-weight: 400; |
| color: #ffd210; |
| border-top: 2px solid #ffd210; |
| line-height: 20px; |
| margin: 0; |
| padding: 0 4px; |
| } |
| |
| .osbp-cxo .v-calendar-month-day-selected { |
| background-color: #faf6e2; |
| } |
| |
| .osbp-cxo .v-calendar-month-day-dragemphasis { |
| background-color: #a8a8a8; |
| } |
| |
| .osbp-cxo .v-calendar-month-day-scrollable { |
| overflow-y: scroll; |
| } |
| |
| .osbp-cxo .v-calendar-weekly-longevents { |
| margin-left: 50px; |
| border-bottom: 3px solid #e0e0e0; |
| } |
| |
| .osbp-cxo .v-calendar-weekly-longevents .v-calendar-event-all-day { |
| height: 22px; |
| line-height: 1.6; |
| margin-bottom: 3px; |
| } |
| |
| .osbp-cxo .v-calendar-header-week td { |
| vertical-align: middle !important; |
| } |
| |
| .osbp-cxo .v-calendar-header-week .v-calendar-header-day { |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-calendar-times { |
| width: 50px; |
| font-size: 0.77em; |
| line-height: 1; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-calendar-time { |
| text-align: right; |
| padding-right: 8px; |
| margin-top: -6px; |
| padding-bottom: 6px; |
| } |
| |
| .osbp-cxo .v-calendar-day-times, .osbp-cxo .v-calendar-day-times-today { |
| outline: none; |
| border-right: 1px solid transparent; |
| } |
| |
| .osbp-cxo .v-calendar-day-times:focus, .osbp-cxo .v-calendar-day-times-today:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-calendar .v-datecellslot, .osbp-cxo .v-calendar .v-datecellslot-even { |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-calendar .v-datecellslot:first-child, .osbp-cxo .v-calendar .v-datecellslot-even:first-child { |
| border-top-color: transparent; |
| } |
| |
| .osbp-cxo .v-calendar .v-datecellslot { |
| border-top-style: dotted; |
| } |
| |
| .osbp-cxo .v-calendar .v-datecellslot, .osbp-cxo .v-calendar .v-datecellslot-even { |
| margin-right: 4px; |
| } |
| |
| .osbp-cxo .v-calendar-current-time { |
| background: #ffd210; |
| line-height: 1px; |
| pointer-events: none; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-calendar-current-time:before { |
| content: "\2022"; |
| color: #ffd210; |
| font-size: 22px; |
| margin-left: -0.07em; |
| } |
| |
| .osbp-cxo .v-calendar .v-daterange { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-calendar .v-daterange:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: -1px; |
| left: 0; |
| background: #ffd210; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| border-radius: 4px 4px 0 0; |
| } |
| |
| .osbp-cxo .v-calendar .v-daterange + .v-daterange { |
| border-color: transparent; |
| } |
| |
| .osbp-cxo .v-calendar .v-daterange + .v-daterange:before { |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-calendar-event { |
| font-size: 0.85em; |
| overflow: hidden; |
| cursor: pointer; |
| outline: none; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-calendar-event:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .v-calendar-event-month { |
| padding: 0 4px; |
| -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; |
| } |
| |
| .osbp-cxo .v-calendar-event-month .v-calendar-event-time { |
| float: right; |
| font-size: 0.9em; |
| line-height: 19px; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-calendar-event-month:before { |
| content: "\25cf"; |
| margin-right: 0.2em; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day { |
| padding: 0 4px; |
| -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; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day:before { |
| content: ""; |
| } |
| |
| .osbp-cxo .v-calendar-event-start { |
| overflow: visible; |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .v-calendar-event-start.v-calendar-event-continued-to, .osbp-cxo .v-calendar-event-start.v-calendar-event-end { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .osbp-cxo .v-calendar-event-start { |
| border-top-left-radius: 4px; |
| border-bottom-left-radius: 4px; |
| margin-left: 4px; |
| } |
| |
| .osbp-cxo .v-calendar-event-end { |
| border-top-right-radius: 4px; |
| border-bottom-right-radius: 4px; |
| margin-right: 4px; |
| } |
| |
| .osbp-cxo .v-calendar-event-caption { |
| font-weight: 500; |
| line-height: 1.2; |
| padding: 4px 0; |
| position: absolute; |
| overflow: hidden; |
| right: 8px; |
| left: 4px; |
| bottom: 0; |
| top: 0; |
| } |
| |
| .osbp-cxo .v-calendar-event-caption span { |
| font-weight: 300; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event-content { |
| margin-top: -1px; |
| border-radius: 5px; |
| border: 1px solid #fff; |
| padding-top: 3px; |
| margin-right: 4px; |
| } |
| |
| .osbp-cxo .v-calendar-event-month:before { |
| color: #00ace0; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day { |
| background-color: #c8eaf4; |
| background-color: rgba(200, 234, 244, 0.8); |
| color: #00ace0; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event { |
| color: #00ace0; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content { |
| background-color: #c8eaf4; |
| background-color: rgba(200, 234, 244, 0.8); |
| } |
| |
| .osbp-cxo .v-calendar-event-month[class*="color2"]:before { |
| color: #2d9f19; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day[class*="color2"] { |
| background-color: #d1e7cd; |
| background-color: rgba(209, 231, 205, 0.8); |
| color: #2d9f19; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] { |
| color: #2d9f19; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content { |
| background-color: #d1e7cd; |
| background-color: rgba(209, 231, 205, 0.8); |
| } |
| |
| .osbp-cxo .v-calendar-event-month[class*="color3"]:before { |
| color: #d18100; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day[class*="color3"] { |
| background-color: #f1e1c8; |
| background-color: rgba(241, 225, 200, 0.8); |
| color: #d18100; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] { |
| color: #d18100; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content { |
| background-color: #f1e1c8; |
| background-color: rgba(241, 225, 200, 0.8); |
| } |
| |
| .osbp-cxo .v-calendar-event-month[class*="color4"]:before { |
| color: #ce3812; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day[class*="color4"] { |
| background-color: #f1d3cb; |
| background-color: rgba(241, 211, 203, 0.8); |
| color: #ce3812; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] { |
| color: #ce3812; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content { |
| background-color: #f1d3cb; |
| background-color: rgba(241, 211, 203, 0.8); |
| } |
| |
| .osbp-cxo .v-calendar-event-month[class*="color5"]:before { |
| color: #2d55cd; |
| } |
| |
| .osbp-cxo .v-calendar-event-all-day[class*="color5"] { |
| background-color: #d1d9f1; |
| background-color: rgba(209, 217, 241, 0.8); |
| color: #2d55cd; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] { |
| color: #2d55cd; |
| } |
| |
| .osbp-cxo .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content { |
| background-color: #d1d9f1; |
| background-color: rgba(209, 217, 241, 0.8); |
| } |
| |
| .osbp-cxo .v-calendar.v-disabled * { |
| cursor: default; |
| } |
| |
| .osbp-cxo .v-label { |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| } |
| |
| .osbp-cxo .v-label-undef-w { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo h1, .osbp-cxo .v-label-h1, .osbp-cxo h2, .osbp-cxo .v-label-h2, .osbp-cxo h3, .osbp-cxo .v-label-h3 { |
| line-height: 1.1; |
| font-weight: 200; |
| color: #141414; |
| } |
| |
| .osbp-cxo h1, .osbp-cxo .v-label-h1 { |
| font-size: 2.4em; |
| margin-top: 1.4em; |
| margin-bottom: 1em; |
| |
| letter-spacing: -0.03em; |
| } |
| |
| .osbp-cxo h2, .osbp-cxo .v-label-h2 { |
| font-size: 1.6em; |
| |
| margin-top: 1.6em; |
| margin-bottom: 0.77em; |
| letter-spacing: -0.02em; |
| } |
| |
| .osbp-cxo h3, .osbp-cxo .v-label-h3 { |
| font-size: 1.2em; |
| |
| margin-top: 1.8em; |
| margin-bottom: 0.77em; |
| letter-spacing: 0; |
| } |
| |
| .osbp-cxo h4, .osbp-cxo .v-label-h4 { |
| line-height: 1.1; |
| font-weight: 500; |
| font-size: 14px; |
| color: #424242; |
| text-transform: uppercase; |
| letter-spacing: 0; |
| margin-top: 2.4em; |
| margin-bottom: 0.8em; |
| } |
| |
| .osbp-cxo .v-csslayout > h1:first-child, .osbp-cxo .v-csslayout > h2:first-child, .osbp-cxo .v-csslayout > h3:first-child, .osbp-cxo .v-csslayout > h4 > .v-label-h1:first-child, .osbp-cxo .v-csslayout > .v-label-h2:first-child, .osbp-cxo .v-csslayout > .v-label-h3:first-child, .osbp-cxo .v-csslayout > .v-label-h4:first-child { |
| margin-top: 16px; |
| } |
| |
| .osbp-cxo .v-verticallayout > .v-slot:first-child h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h1, .osbp-cxo .v-verticallayout > .v-slot:first-child h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h2, .osbp-cxo .v-verticallayout > .v-slot:first-child h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h3, .osbp-cxo .v-verticallayout > .v-slot:first-child h4, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-label-h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-label-h4 { |
| margin-top: 16px; |
| } |
| |
| .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-cxo .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h4, .osbp-cxo .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h4 { |
| margin-top: -0.5em; |
| } |
| |
| .osbp-cxo h1.no-margin, .osbp-cxo .v-label-h1.no-margin, .osbp-cxo h2.no-margin, .osbp-cxo .v-label-h2.no-margin, .osbp-cxo h3.no-margin, .osbp-cxo .v-label-h3.no-margin, .osbp-cxo h4.no-margin, .osbp-cxo .v-label-h4.no-margin { |
| margin: 0 !important; |
| } |
| |
| .osbp-cxo .v-label-colored { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-label-large { |
| font-size: 23px; |
| } |
| |
| .osbp-cxo .v-label-small { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-label-tiny { |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-label-huge { |
| font-size: 29px; |
| } |
| |
| .osbp-cxo .v-label-bold { |
| font-weight: 500; |
| } |
| |
| .osbp-cxo .v-label-light { |
| font-weight: 200; |
| color: gray; |
| } |
| |
| .osbp-cxo .v-label-align-right { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-label-align-center { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-label-spinner { |
| height: 24px !important; |
| width: 24px !important; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border: 2px solid rgba(255, 210, 16, 0.2); |
| border-top-color: #ffd210; |
| border-right-color: #ffd210; |
| 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; |
| } |
| |
| .v-ie8 .osbp-cxo .v-label-spinner, .v-ie9 .osbp-cxo .v-label-spinner { |
| border: none; |
| border-radius: 4px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; |
| background-size: 80%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-label-spinner { |
| min-width: 30px; |
| min-height: 30px; |
| } |
| |
| .osbp-cxo .v-label-success, .osbp-cxo .v-label-failure { |
| background: white; |
| color: #474747; |
| border: 2px solid #2c9720; |
| border-radius: 4px; |
| padding: 6px 16px 6px 32px; |
| font-weight: 400; |
| font-size: 15px; |
| } |
| |
| .osbp-cxo .v-label-success:before, .osbp-cxo .v-label-failure:before { |
| font-family: ThemeIcons; |
| content: "\f00c"; |
| margin-right: 0.5em; |
| margin-left: -16px; |
| color: #2c9720; |
| } |
| |
| .osbp-cxo .v-label-failure { |
| border-color: #ed473b; |
| } |
| |
| .osbp-cxo .v-label-failure:before { |
| content: "\f05e"; |
| color: #ed473b; |
| } |
| |
| .osbp-cxo [draggable=true] { |
| -khtml-user-drag: element; |
| -webkit-user-drag: element; |
| } |
| |
| .osbp-cxo .v-ddwrapper { |
| position: relative; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over:before, .osbp-cxo .v-ddwrapper-over:after { |
| content: ""; |
| position: absolute; |
| z-index: 10; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| border: 0 solid #ffd210; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over-top:before { |
| border-top-width: 2px; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over-right:before { |
| border-right-width: 2px; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over-bottom:before { |
| border-bottom-width: 2px; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over-left:before { |
| border-left-width: 2px; |
| } |
| |
| .osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-top:before, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-top:before { |
| border-top-width: 0; |
| } |
| |
| .osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-top:after, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-top:after { |
| border-width: 2px; |
| border-radius: 4px; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| background: #886e00; |
| } |
| |
| .osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-bottom:before { |
| border-bottom-width: 0; |
| } |
| |
| .osbp-cxo .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .osbp-cxo .no-vertical-drag-hints.v-ddwrapper-over-bottom:after { |
| border-width: 2px; |
| border-radius: 4px; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| background: #886e00; |
| } |
| |
| .osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-left:before { |
| border-left-width: 0; |
| } |
| |
| .osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-left:after { |
| border-width: 2px; |
| border-radius: 4px; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| background: #886e00; |
| } |
| |
| .osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-right:before { |
| border-right-width: 0; |
| } |
| |
| .osbp-cxo .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .osbp-cxo .no-horizontal-drag-hints .v-ddwrapper-over-right:after { |
| border-width: 2px; |
| border-radius: 4px; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| background: #886e00; |
| } |
| |
| .osbp-cxo .v-ddwrapper-over-middle:after, .osbp-cxo .v-ddwrapper-over-center:after { |
| border-width: 2px; |
| border-radius: 4px; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| background: #886e00; |
| } |
| |
| .osbp-cxo .no-box-drag-hints.v-ddwrapper:after, .osbp-cxo .no-box-drag-hints .v-ddwrapper:after { |
| display: none !important; |
| content: none; |
| } |
| |
| .osbp-cxo .v-nativebutton { |
| -webkit-touch-callout: none; |
| } |
| |
| .osbp-cxo .v-select select { |
| border: 1px solid #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| color: #464646; |
| } |
| |
| .osbp-cxo .v-select select:focus { |
| outline: none; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-select-select { |
| display: block; |
| } |
| |
| .osbp-cxo .v-select-select + .v-textfield { |
| width: auto !important; |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .v-select-select + .v-textfield + .v-nativebutton { |
| margin-top: 8px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .v-popupview { |
| cursor: pointer; |
| color: #ffd210; |
| text-decoration: underline; |
| font-weight: inherit; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-popupview:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-popupview.v-disabled { |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| } |
| |
| .osbp-cxo .v-popupview-popup { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| } |
| |
| .osbp-cxo .v-popupview-popup[class*="animate-in"] { |
| -webkit-animation: v-popupview-animate-in 120ms; |
| -moz-animation: v-popupview-animate-in 120ms; |
| animation: v-popupview-animate-in 120ms; |
| } |
| |
| .osbp-cxo .v-popupview-popup[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-fade 120ms; |
| -moz-animation: valo-animate-out-fade 120ms; |
| animation: valo-animate-out-fade 120ms; |
| } |
| |
| .osbp-cxo .v-popupview-popup .popupContent > .v-margin-top { |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .v-popupview-popup .popupContent > .v-margin-right { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-popupview-popup .popupContent > .v-margin-bottom { |
| padding-bottom: 11px; |
| } |
| |
| .osbp-cxo .v-popupview-popup .popupContent > .v-margin-left { |
| padding-left: 11px; |
| } |
| |
| .osbp-cxo .v-popupview-loading { |
| margin: 10px 10px; |
| height: 24px !important; |
| width: 24px !important; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border: 2px solid rgba(255, 210, 16, 0.2); |
| border-top-color: #ffd210; |
| border-right-color: #ffd210; |
| 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; |
| } |
| |
| .v-ie8 .osbp-cxo .v-popupview-loading, .v-ie9 .osbp-cxo .v-popupview-loading { |
| border: none; |
| border-radius: 4px; |
| background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%; |
| background-size: 80%; |
| } |
| |
| .v-ie8 .osbp-cxo .v-popupview-loading { |
| min-width: 30px; |
| min-height: 30px; |
| } |
| |
| .osbp-cxo .v-richtextarea { |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| -webkit-user-select: text; |
| -moz-user-select: text; |
| -ms-user-select: text; |
| user-select: text; |
| margin: 0; |
| font: inherit; |
| |
| font-weight: 400; |
| line-height: normal; |
| height: 32px; |
| border-radius: 4px; |
| padding: 0; |
| border: 1px solid #d4d4d4; |
| background: white; |
| color: #474747; |
| -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); |
| box-shadow: 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; |
| } |
| |
| .v-ie8 .osbp-cxo .v-richtextarea, .v-ie9 .osbp-cxo .v-richtextarea { |
| line-height: 32px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .osbp-cxo .v-richtextarea[class*="prompt"] { |
| color: #a3a3a3; |
| } |
| |
| .osbp-cxo .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%); |
| |
| |
| border-bottom: 1px solid #d4d4d4; |
| color: #464646; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-ToggleButton, .osbp-cxo .v-richtextarea .gwt-PushButton { |
| display: inline-block; |
| line-height: 32px; |
| width: 32px; |
| text-align: center; |
| outline: none; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-ToggleButton:hover, .osbp-cxo .v-richtextarea .gwt-PushButton:hover { |
| color: black; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-ToggleButton-down, .osbp-cxo .v-richtextarea .gwt-ToggleButton-down-hovering { |
| background-color: #e0e0e0; |
| background-image: -webkit-linear-gradient(bottom, #e0e0e0 2%, #dcdcdc 98%); |
| background-image: linear-gradient(to top,#e0e0e0 2%, #dcdcdc 98%); |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top img { |
| display: none; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div:before { |
| font-family: ThemeIcons; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before { |
| content: "\f032"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before { |
| content: "\f033"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before { |
| content: "\f0cd"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before { |
| content: "\f12c"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before { |
| content: "\f12b"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before { |
| content: "\f036"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before { |
| content: "\f037"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before { |
| content: "\f038"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before { |
| content: "\f0cc"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before { |
| content: "\f03c"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before { |
| content: "\f03b"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before { |
| content: "\2014"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before { |
| content: "\f0cb"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before { |
| content: "\f0ca"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before { |
| content: "\f03e"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before { |
| content: "\f0c1"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before { |
| content: "\f127"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before { |
| content: "\f12d"; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-bottom { |
| font-size: 13px; |
| padding: 0 8px 8px 0; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextToolbar-bottom select { |
| margin: 8px 0 0 8px; |
| } |
| |
| .osbp-cxo .v-richtextarea .gwt-RichTextArea { |
| background: #fff; |
| border: none; |
| display: block; |
| } |
| |
| .osbp-cxo .v-richtextarea-readonly { |
| padding: 4px 6px; |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-upload .v-button { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| display: inline-block; |
| vertical-align: top; |
| text-align: left; |
| white-space: normal; |
| } |
| |
| .osbp-cxo .v-upload-immediate .v-button { |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-upload-immediate input[type="file"] { |
| opacity: 0; |
| filter: alpha(opacity=0) ; |
| z-index: -1; |
| position: absolute; |
| right: 0; |
| height: 32px; |
| text-align: right; |
| border: none; |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-Notification.v-position-top { |
| top: 10px; |
| } |
| |
| .osbp-cxo .v-Notification.v-position-right { |
| right: 10px; |
| } |
| |
| .osbp-cxo .v-Notification.v-position-bottom { |
| bottom: 10px; |
| } |
| |
| .osbp-cxo .v-Notification.v-position-left { |
| left: 10px; |
| } |
| |
| .osbp-cxo .v-Notification.v-position-assistive { |
| top: -9999px; |
| left: -9999px; |
| } |
| |
| .osbp-cxo .v-Notification-animate-in { |
| -webkit-animation: valo-animate-in-fade 180ms 10ms backwards; |
| -moz-animation: valo-animate-in-fade 180ms 10ms backwards; |
| animation: valo-animate-in-fade 180ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification-animate-in.v-position-top { |
| -webkit-animation: valo-animate-in-slide-down 400ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-down 400ms 10ms backwards; |
| animation: valo-animate-in-slide-down 400ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification-animate-in.v-position-bottom { |
| -webkit-animation: valo-animate-in-slide-up 400ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-up 400ms 10ms backwards; |
| animation: valo-animate-in-slide-up 400ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification-animate-out { |
| -webkit-animation: valo-animate-out-fade 150ms; |
| -moz-animation: valo-animate-out-fade 150ms; |
| animation: valo-animate-out-fade 150ms; |
| } |
| |
| .osbp-cxo .v-Notification-animate-out.v-position-top, .osbp-cxo .v-Notification-animate-out.v-position-bottom { |
| -webkit-animation: valo-animate-out-slide-down-fade 200ms; |
| -moz-animation: valo-animate-out-slide-down-fade 200ms; |
| animation: valo-animate-out-slide-down-fade 200ms; |
| } |
| |
| .osbp-cxo .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; |
| -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); |
| box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); |
| padding: 16px 19px; |
| } |
| |
| .osbp-cxo .v-Notification .v-Notification-caption { |
| color: #ffd210; |
| font-size: 19px; |
| line-height: 1; |
| } |
| |
| .osbp-cxo .v-Notification .v-Notification-description { |
| line-height: 1.4; |
| } |
| |
| .osbp-cxo .v-Notification-caption { |
| margin: 0; |
| display: inline-block; |
| text-align: left; |
| font-weight: inherit; |
| line-height: inherit; |
| white-space: nowrap; |
| letter-spacing: 0; |
| } |
| |
| .osbp-cxo .v-Notification-description, .osbp-cxo .v-Notification-details { |
| margin: 0; |
| display: inline-block; |
| vertical-align: middle; |
| max-width: 30em; |
| text-align: left; |
| max-height: 20em; |
| overflow: auto; |
| } |
| |
| .osbp-cxo .v-Notification-caption ~ .v-Notification-description, .osbp-cxo .v-Notification-caption ~ .v-Notification-details { |
| margin-left: 24px; |
| } |
| |
| .osbp-cxo .v-icon + .v-Notification-caption { |
| margin-left: 16px; |
| } |
| |
| .osbp-cxo .v-Notification-system { |
| left: 0 !important; |
| right: 0; |
| max-width: 100%; |
| margin: 0 !important; |
| border-radius: 0; |
| -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| padding: 11px 13px; |
| background-color: #444; |
| background-color: rgba(68, 68, 68, 0.9); |
| font-weight: 400; |
| line-height: 22px; |
| } |
| |
| .osbp-cxo .v-Notification-system .v-Notification-description, .osbp-cxo .v-Notification-system .v-Notification-details { |
| max-width: 50em; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-top { |
| top: 0; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-top[class*="animate-in"] { |
| -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-top[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-slide-up 200ms; |
| -moz-animation: valo-animate-out-slide-up 200ms; |
| animation: valo-animate-out-slide-up 200ms; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-bottom { |
| bottom: 0; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-bottom[class*="animate-in"] { |
| -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification-system.v-position-bottom[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-slide-down 200ms; |
| -moz-animation: valo-animate-out-slide-down 200ms; |
| animation: valo-animate-out-slide-down 200ms; |
| } |
| |
| .osbp-cxo .v-Notification-system .v-Notification-caption { |
| color: #fff; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-Notification-system .v-Notification-description, .osbp-cxo .v-Notification-system .v-Notification-details { |
| color: #e6e6e6; |
| } |
| |
| .osbp-cxo .v-Notification-system u { |
| text-decoration: none; |
| } |
| |
| .osbp-cxo .v-Notification.tray { |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-Notification.tray .v-Notification-caption + .v-Notification-description { |
| display: block; |
| margin: 0.5em 0 0; |
| } |
| |
| .osbp-cxo .v-Notification.warning { |
| background: #FFF3D2; |
| } |
| |
| .osbp-cxo .v-Notification.warning .v-Notification-caption { |
| color: #AC7C00; |
| } |
| |
| .osbp-cxo .v-Notification.warning .v-Notification-description { |
| color: #9D874D; |
| } |
| |
| .osbp-cxo .v-Notification.error { |
| background: #ed473b; |
| font-weight: 400; |
| -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); |
| box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25); |
| } |
| |
| .osbp-cxo .v-Notification.error .v-Notification-caption { |
| color: white; |
| } |
| |
| .osbp-cxo .v-Notification.error .v-Notification-description { |
| color: #f4e0df; |
| } |
| |
| .osbp-cxo .v-Notification.dark { |
| background-color: #444; |
| background-color: rgba(68, 68, 68, 0.9); |
| font-weight: 400; |
| line-height: 22px; |
| } |
| |
| .osbp-cxo .v-Notification.dark .v-Notification-caption { |
| color: #fff; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-Notification.dark .v-Notification-description, .osbp-cxo .v-Notification.dark .v-Notification-details { |
| color: #e6e6e6; |
| } |
| |
| .osbp-cxo .v-Notification.bar { |
| left: 0 !important; |
| right: 0; |
| max-width: 100%; |
| margin: 0 !important; |
| border-radius: 0; |
| -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); |
| padding: 11px 13px; |
| } |
| |
| .osbp-cxo .v-Notification.bar .v-Notification-description, .osbp-cxo .v-Notification.bar .v-Notification-details { |
| max-width: 50em; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-top { |
| top: 0; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-top[class*="animate-in"] { |
| -webkit-animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| animation: valo-animate-in-slide-down 300ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-top[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-slide-up 200ms; |
| -moz-animation: valo-animate-out-slide-up 200ms; |
| animation: valo-animate-out-slide-up 200ms; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-bottom { |
| bottom: 0; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-bottom[class*="animate-in"] { |
| -webkit-animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| -moz-animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| animation: valo-animate-in-slide-up 300ms 10ms backwards; |
| } |
| |
| .osbp-cxo .v-Notification.bar.v-position-bottom[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-slide-down 200ms; |
| -moz-animation: valo-animate-out-slide-down 200ms; |
| animation: valo-animate-out-slide-down 200ms; |
| } |
| |
| .osbp-cxo .v-Notification.small { |
| padding: 10px 11px; |
| } |
| |
| .osbp-cxo .v-Notification.small .v-Notification-caption { |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-Notification.small .v-Notification-description { |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .v-Notification.closable { |
| padding-right: 51px; |
| overflow: hidden !important; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-Notification.closable:after { |
| content: "\00d7"; |
| font-size: 1.5em; |
| position: absolute; |
| top: 50%; |
| margin-top: -11px; |
| right: 11px; |
| width: 21px; |
| height: 21px; |
| line-height: 20px; |
| cursor: pointer; |
| color: #000; |
| opacity: 0.5; |
| filter: alpha(opacity=50) ; |
| text-align: center; |
| border: 1px solid #000; |
| border-color: rgba(0, 0, 0, 0.3); |
| border-radius: 50%; |
| -webkit-transition: opacity 200ms; |
| -moz-transition: opacity 200ms; |
| transition: opacity 200ms; |
| } |
| |
| .osbp-cxo .v-Notification.closable:hover:after { |
| opacity: 1; |
| filter: none ; |
| } |
| |
| .osbp-cxo .v-Notification.closable:active:after { |
| background-color: #000; |
| color: #fff; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| -webkit-transition: none 200ms; |
| -moz-transition: none 200ms; |
| transition: none 200ms; |
| } |
| |
| .osbp-cxo .v-Notification.closable.dark:after, .osbp-cxo .v-Notification.closable.error:after, .osbp-cxo .v-Notification.closable.system:after { |
| color: #fff; |
| border-color: #fff; |
| border-color: rgba(255, 255, 255, 0.3); |
| } |
| |
| .osbp-cxo .v-Notification.closable.dark:active:after, .osbp-cxo .v-Notification.closable.error:active:after, .osbp-cxo .v-Notification.closable.system:active:after { |
| background-color: #fff; |
| color: #000; |
| } |
| |
| .osbp-cxo .v-Notification.closable.tray:after { |
| top: 14px; |
| margin-top: 0; |
| } |
| |
| .osbp-cxo .v-Notification.success, .osbp-cxo .v-Notification.failure { |
| background: #fff; |
| color: #555; |
| border: 2px solid #2c9720; |
| } |
| |
| .osbp-cxo .v-Notification.success .v-Notification-caption, .osbp-cxo .v-Notification.failure .v-Notification-caption { |
| color: #2c9720; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .v-Notification.success .v-Notification-caption:before, .osbp-cxo .v-Notification.failure .v-Notification-caption:before { |
| font-family: ThemeIcons; |
| content: "\f00c"; |
| margin-right: 0.5em; |
| } |
| |
| .osbp-cxo .v-Notification.success.bar, .osbp-cxo .v-Notification.failure.bar { |
| margin: -2px !important; |
| } |
| |
| .osbp-cxo .v-Notification.failure { |
| border-color: #ed473b; |
| } |
| |
| .osbp-cxo .v-Notification.failure .v-Notification-caption { |
| color: #ed473b; |
| } |
| |
| .osbp-cxo .v-Notification.failure .v-Notification-caption:before { |
| content: "\f05e"; |
| } |
| |
| .osbp-cxo .valo-menu { |
| height: 100%; |
| background-color: #4d4d4d; |
| background-image: -webkit-linear-gradient(right, #424242 0%, #4d4d4d 8px); |
| background-image: linear-gradient(to left,#424242 0%, #4d4d4d 8px); |
| color: #a6a6a6; |
| font-size: 14px; |
| line-height: 26px; |
| border-right: 1px solid #d4d4d4; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .valo-menu-toggle { |
| display: none; |
| position: fixed; |
| z-index: 200; |
| top: 3px; |
| left: 3px; |
| min-width: 0; |
| } |
| |
| .osbp-cxo .valo-menu-part { |
| border-left: 1px solid #d4d4d4; |
| height: 100%; |
| padding-bottom: 32px; |
| overflow: auto; |
| } |
| |
| .osbp-cxo .valo-menu-part:first-child { |
| border-left: none; |
| } |
| |
| .osbp-cxo .valo-menu-title, .osbp-cxo .valo-menu-subtitle, .osbp-cxo .valo-menu-item { |
| display: block; |
| line-height: inherit; |
| white-space: nowrap; |
| position: relative; |
| } |
| |
| .osbp-cxo .valo-menu-title .valo-menu-badge, .osbp-cxo .valo-menu-subtitle .valo-menu-badge, .osbp-cxo .valo-menu-item .valo-menu-badge { |
| position: absolute; |
| right: 16px; |
| } |
| |
| .osbp-cxo .valo-menu-title { |
| line-height: 1.2; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: black; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| padding: 11px 16px; |
| font-size: 14px; |
| border-bottom: 1px solid #d4d4d4; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| text-align: center; |
| } |
| |
| .osbp-cxo .valo-menu-title .v-menubar.v-menubar { |
| background: transparent; |
| border-color: #d4d4d4; |
| color: inherit; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| text-shadow: inherit; |
| } |
| |
| .osbp-cxo .valo-menu-title .v-menubar-menuitem { |
| background: transparent; |
| |
| |
| text-shadow: inherit; |
| font-size: 16px; |
| border-color: inherit; |
| } |
| |
| .osbp-cxo .valo-menu-title h1, .osbp-cxo .valo-menu-title .v-label-h1, .osbp-cxo .valo-menu-title h2, .osbp-cxo .valo-menu-title .v-label-h2, .osbp-cxo .valo-menu-title h3, .osbp-cxo .valo-menu-title .v-label-h3, .osbp-cxo .valo-menu-title h4, .osbp-cxo .valo-menu-title .v-label-h4 { |
| margin-top: 0; |
| margin-bottom: 0; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu { |
| border: none; |
| border-radius: 0; |
| padding: 1px; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| text-shadow: none; |
| background: transparent; |
| color: inherit; |
| margin: 16px 6px; |
| display: block; |
| overflow: hidden; |
| text-align: center; |
| height: auto; |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu:focus:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border: none; |
| margin-right: 1px; |
| border-radius: 4px; |
| color: #ffd210; |
| padding: 0 11px; |
| -webkit-transition: color 140ms; |
| -moz-transition: color 140ms; |
| transition: color 140ms; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:first-child, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:last-child, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:first-child:last-child { |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:before { |
| content: none; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:hover { |
| color: #ffdc43; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem:active { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked:first-child { |
| border: 1px solid #d4d4d4; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption { |
| position: relative; |
| top: -1px; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected { |
| color: #151206; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected:hover { |
| color: #151206; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-disabled, .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-disabled:hover { |
| color: inherit; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem { |
| color: inherit; |
| white-space: normal; |
| line-height: 1.4; |
| margin: 0; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem img.v-icon { |
| width: 48px; |
| height: 48px; |
| border-radius: 25px; |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| display: block; |
| margin: 0 auto 0.3em; |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu > .v-menubar-menuitem:after { |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| } |
| |
| .osbp-cxo .v-menubar-user-menu .v-menubar-menuitem-selected { |
| background: transparent; |
| } |
| |
| .osbp-cxo .valo-menu-subtitle { |
| color: #878787; |
| margin: 6px 0 6px 16px; |
| border-bottom: 1px solid #676767; |
| } |
| |
| .osbp-cxo .valo-menu-subtitle [class*="badge"] { |
| color: #e6cf6e; |
| } |
| |
| .osbp-cxo .valo-menuitems { |
| display: block; |
| } |
| |
| .osbp-cxo .valo-menu-item { |
| outline: none; |
| font-weight: 400; |
| padding: 0 32px 0 16px; |
| cursor: pointer; |
| position: relative; |
| overflow: hidden; |
| text-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); |
| -webkit-transition: background-color 300ms, color 60ms; |
| -moz-transition: background-color 300ms, color 60ms; |
| transition: background-color 300ms, color 60ms; |
| } |
| |
| .osbp-cxo .valo-menu-item [class*="caption"] { |
| vertical-align: middle; |
| display: inline-block; |
| width: 90%; |
| max-width: 15em; |
| padding-right: 16px; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .valo-menu-item [class*="badge"] { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .valo-menu-item.selected { |
| background: #454545; |
| } |
| |
| .osbp-cxo .valo-menu-item.selected .v-icon { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .valo-menu-item.selected [class*="badge"] { |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .valo-menu-item:focus, .osbp-cxo .valo-menu-item:hover, .osbp-cxo .valo-menu-item.selected { |
| color: white; |
| } |
| |
| .osbp-cxo .valo-menu-item span.v-icon { |
| min-width: 1em; |
| margin-right: 16px; |
| text-align: center; |
| vertical-align: middle; |
| -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75))); |
| } |
| |
| .osbp-cxo .valo-menu-item span.v-icon + span { |
| margin-left: 0; |
| } |
| |
| .osbp-cxo .valo-menu-item [class*="badge"] { |
| background-color: #595959; |
| -webkit-transition: background-color 300ms; |
| -moz-transition: background-color 300ms; |
| transition: background-color 300ms; |
| line-height: 1; |
| padding: 4px 5px; |
| min-width: 11px; |
| text-align: center; |
| top: 2px; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons { |
| background-color: #4d4d4d; |
| min-width: 64px; |
| max-width: 96px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-title { |
| font-size: 12px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .v-menubar-user-menu { |
| margin-left: 0; |
| margin-right: 0; |
| font-size: 11px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon { |
| width: 25px; |
| height: 25px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] { |
| margin: 8px 0 0; |
| padding: 6px 21px 6px 8px; |
| line-height: 1; |
| border: none; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| background: #3d3d3d; |
| font-size: 13px; |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] { |
| right: 8px; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons [class*="subtitle"] + .valo-menu-item { |
| border-top: none; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item { |
| display: block; |
| font-size: 26px; |
| line-height: 1; |
| padding: 11px; |
| text-align: center; |
| border-top: 1px solid #575757; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item:first-child { |
| border-top: none; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item [class*="caption"] { |
| display: block; |
| width: auto; |
| margin: 0.3em 0 0; |
| padding: 0; |
| font-size: 11px; |
| line-height: 1.3; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item .v-icon { |
| margin: 0; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item span.v-icon { |
| opacity: 0.8; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected { |
| background: #454545; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected .v-icon { |
| opacity: 1; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] { |
| border-color: #454545; |
| } |
| |
| .osbp-cxo .valo-menu-part.large-icons .valo-menu-item [class*="badge"] { |
| padding-left: 4px; |
| padding-right: 4px; |
| top: 6px; |
| right: 6px; |
| border: 2px solid #4d4d4d; |
| } |
| |
| .osbp-cxo .valo-menu-logo { |
| display: block; |
| overflow: hidden; |
| width: 38px !important; |
| height: 38px; |
| border-radius: 4px; |
| text-align: center; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| color: black; |
| font-size: 21px; |
| line-height: 38px; |
| margin: 16px auto; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .valo-menu-logo:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part { |
| background-color: #4d4d4d; |
| min-width: 64px; |
| max-width: 96px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title { |
| font-size: 12px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w { |
| white-space: normal; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu { |
| margin-left: 0; |
| margin-right: 0; |
| font-size: 11px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon { |
| width: 25px; |
| height: 25px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] { |
| margin: 8px 0 0; |
| padding: 6px 21px 6px 8px; |
| line-height: 1; |
| border: none; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| background: #3d3d3d; |
| font-size: 13px; |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] { |
| right: 8px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] + .valo-menu-item { |
| border-top: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item { |
| display: block; |
| font-size: 26px; |
| line-height: 1; |
| padding: 11px; |
| text-align: center; |
| border-top: 1px solid #575757; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child { |
| border-top: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="caption"] { |
| display: block; |
| width: auto; |
| margin: 0.3em 0 0; |
| padding: 0; |
| font-size: 11px; |
| line-height: 1.3; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon { |
| margin: 0; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon { |
| opacity: 0.8; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected { |
| background: #454545; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon { |
| opacity: 1; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] { |
| border-color: #454545; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] { |
| padding-left: 4px; |
| padding-right: 4px; |
| top: 6px; |
| right: 6px; |
| border: 2px solid #4d4d4d; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] { |
| padding-top: 32px; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .v-loading-indicator { |
| top: 32px; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] > .v-widget { |
| position: relative !important; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu { |
| border-right: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-part { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-toggle { |
| display: inline-block; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-title { |
| position: fixed; |
| z-index: 100; |
| top: 0; |
| left: 0; |
| right: 0; |
| height: 32px !important; |
| padding-top: 0; |
| padding-bottom: 0; |
| -webkit-backface-visibility: hidden; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu { |
| position: fixed; |
| z-index: 100; |
| top: 0; |
| right: 0; |
| margin: 0; |
| padding: 0; |
| height: 32px; |
| color: #776311; |
| max-width: 30%; |
| -webkit-backface-visibility: hidden; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem { |
| line-height: 31px; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon { |
| display: inline-block; |
| margin: 0 5px 0 0; |
| width: 16px; |
| height: 16px; |
| border-radius: 8px; |
| border: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menuitems { |
| height: 100%; |
| background-color: #4d4d4d; |
| background-image: -webkit-linear-gradient(right, #424242 0%, #4d4d4d 8px); |
| background-image: linear-gradient(to left,#424242 0%, #4d4d4d 8px); |
| color: #a6a6a6; |
| font-size: 14px; |
| line-height: 26px; |
| border-right: 1px solid #d4d4d4; |
| white-space: nowrap; |
| position: fixed; |
| z-index: 9000; |
| top: 32px; |
| bottom: 0; |
| height: auto; |
| max-width: 100%; |
| overflow: auto; |
| padding: 16px 0; |
| -webkit-transform: translatex(-100%); |
| -moz-transform: translatex(-100%); |
| -ms-transform: translatex(-100%); |
| -o-transform: translatex(-100%); |
| transform: translatex(-100%); |
| -webkit-transition: all 300ms; |
| -moz-transition: all 300ms; |
| transition: all 300ms; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-800px"] .valo-menu-visible .valo-menuitems { |
| -webkit-transform: translatex(0%); |
| -moz-transform: translatex(0%); |
| -ms-transform: translatex(0%); |
| -o-transform: translatex(0%); |
| transform: translatex(0%); |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-500px"] .valo-menu-toggle .v-button-caption { |
| display: none; |
| } |
| |
| .osbp-cxo .valo-menu-responsive[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption { |
| display: inline-block; |
| width: 16px; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .v-Notification .v-Notification-caption { |
| font-size: 32px; |
| } |
| |
| .osbp-cxo .v-Notification .v-Notification-description { |
| font-size: 19.2px; |
| display: block; |
| text-align: center; |
| margin-left: 0px; |
| margin: 0 auto; |
| } |
| |
| .osbp-cxo .v-verticallayout-os-welcome { |
| padding: 0px !important; |
| } |
| |
| .osbp-cxo iframe { |
| border-width: 0px; |
| } |
| |
| :root .osbp-cxo .v-checkbox { |
| line-height: 32px; |
| padding-top: inherit; |
| } |
| |
| :root .osbp-cxo .v-checkbox label { |
| padding-left: 16px; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after { |
| width: 32px; |
| height: 31px; |
| position: absolute; |
| left: 0px !important; |
| font-size: 16px; |
| line-height: 32px; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before { |
| height: 32px; |
| border: 0px; |
| border-bottom: 1px solid #d4d4d4; |
| background: #f8f5f0; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input:focus ~ label:before { |
| background-color: #ffe887; |
| border-bottom-color: #ffd210; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before, :root .osbp-cxo .v-checkbox > input ~ label:after { |
| margin-top: inherit; |
| } |
| |
| :root .osbp-cxo .v-checkbox > input ~ label:before { |
| margin-top: inherit; |
| } |
| |
| .osbp-cxo .v-verticallayout-part { |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo h1 { |
| background: #ededed; |
| padding: 8px 16px; |
| border: 1px solid #d4d4d4; |
| font-size: 28.8px; |
| font-weight: bold; |
| color: #424242; |
| text-align: center; |
| } |
| |
| .osbp-cxo .popupContent .v-window-header { |
| font-size: 22.4px; |
| padding: 10px; |
| font-weight: bold; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #424242; |
| color: #2364aa; |
| line-height: 2.17; |
| letter-spacing: 0em !important; |
| min-width: 224px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .popupContent .v-window-header .v-icon { |
| padding-right: 9.6px; |
| } |
| |
| .osbp-cxo .popupContent .v-window-closebox { |
| background: transparent; |
| border: 0px; |
| float: right; |
| } |
| |
| .osbp-cxo .popupContent .v-window-closebox:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\2715" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .popupContent .v-window-maximizebox { |
| width: 38.4px !important; |
| background: transparent; |
| border: 0px; |
| float: right; |
| border-bottom-left-radius: 16px; |
| } |
| |
| .osbp-cxo .popupContent .v-window-maximizebox:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f096" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .popupContent .v-window-restorebox { |
| width: 51.2px !important; |
| background: transparent; |
| border: 0px; |
| float: right; |
| -moz-transform: scale(-1, 1); |
| -webkit-transform: scale(-1, 1); |
| -o-transform: scale(-1, 1); |
| -ms-transform: scale(-1, 1); |
| transform: scale(-1, 1); |
| border-bottom-right-radius: 16px; |
| } |
| |
| .osbp-cxo .popupContent .v-window-restorebox:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f24d" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .popupContent .v-window-closebox, .osbp-cxo .popupContent .v-window-maximizebox, .osbp-cxo .popupContent .v-window-restorebox { |
| background-color: #ededed; |
| height: 32px; |
| color: #424242; |
| } |
| |
| .osbp-cxo .popupContent .v-window-closebox-disabled { |
| display: block; |
| cursor: auto; |
| color: #a0a0a0; |
| } |
| |
| .osbp-cxo .popupContent .v-table-cell-content { |
| height: 41px; |
| } |
| |
| .osbp-cxo .v-panel { |
| border-width: 0px; |
| } |
| |
| .osbp-cxo .v-button, .osbp-cxo .v-nativebutton { |
| height: 48px; |
| padding: 0 21px; |
| color: #c2d4e6; |
| font-weight: 600; |
| |
| |
| border-radius: 4px; |
| border: 0px; |
| background: #2364aa; |
| -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); |
| text-transform: uppercase; |
| margin-left: 6px; |
| } |
| |
| .osbp-cxo .v-button.v-pressed, .osbp-cxo .v-nativebutton.v-pressed { |
| background-color: #ffdf57 !important; |
| border-color: #ffdf57 !important; |
| } |
| |
| .osbp-cxo .v-button:after, .osbp-cxo .v-nativebutton:after { |
| transition: none; |
| } |
| |
| .osbp-cxo .v-button:hover, .osbp-cxo .v-button:focus, .osbp-cxo .v-button:active, .osbp-cxo .v-nativebutton:hover, .osbp-cxo .v-nativebutton:focus, .osbp-cxo .v-nativebutton:active { |
| background-color: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .v-button:focus:after, .osbp-cxo .v-nativebutton:focus:after { |
| border-color: transparent; |
| transition: none; |
| } |
| |
| .osbp-cxo .os-data-component > .v-button { |
| margin-right: 12px; |
| } |
| |
| .osbp-cxo .v-textfield { |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| } |
| |
| .osbp-cxo .v-textfield:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .v-textfield:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-textarea { |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| } |
| |
| .osbp-cxo .v-textarea:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .v-textarea:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-filterselect { |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| } |
| |
| .osbp-cxo .v-filterselect:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .v-filterselect:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .os-view-header-h2, .osbp-cxo .v-label-h2 { |
| font-size: 22.4px; |
| padding: 10px; |
| font-weight: bold; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #424242; |
| color: #2364aa; |
| line-height: 2.17; |
| letter-spacing: 0em !important; |
| min-width: 224px; |
| } |
| |
| .osbp-cxo .os-org-container { |
| background: transparent !important; |
| } |
| |
| .osbp-cxo .os-multi-area .os-data-area { |
| overflow: inherit !important; |
| } |
| |
| .osbp-cxo input.gwt-FileUpload { |
| z-index: -1 !important; |
| } |
| |
| .osbp-cxo .v-customcomponent .v-button { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-mparttoolbararea, .osbp-cxo .os-embedded-toolbar { |
| width: 100%; |
| min-height: 48px; |
| border-bottom: 1px solid #d4d4d4; |
| color: #424242; |
| background: #fff; |
| } |
| |
| .osbp-cxo .os-mparttoolbararea .v-button, .osbp-cxo .os-embedded-toolbar .v-button { |
| background: #fff; |
| border: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .os-mparttoolbararea .v-button:hover, .osbp-cxo .os-mparttoolbararea .v-button:focus, .osbp-cxo .os-mparttoolbararea .v-button:active, .osbp-cxo .os-embedded-toolbar .v-button:hover, .osbp-cxo .os-embedded-toolbar .v-button:focus, .osbp-cxo .os-embedded-toolbar .v-button:active { |
| background: #ffe887; |
| } |
| |
| .osbp-cxo .os-mparttoolbararea span.v-button-caption, .osbp-cxo .os-embedded-toolbar span.v-button-caption { |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter { |
| height: 16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after { |
| top: 0px; |
| bottom: 0px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after { |
| content: ""; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-left-color: #d4d4d4; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| width: 32px; |
| height: 0; |
| margin-left: -16px; |
| margin-top: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div { |
| height: 16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before { |
| border: transparent; |
| background-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:after { |
| border-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter { |
| width: 16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after { |
| left: 0px; |
| right: 0px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before { |
| height: 32px; |
| padding: 0 14px; |
| color: #191919; |
| font-weight: 400; |
| |
| |
| border-radius: 4px; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-bottom-color: #d4d4d4; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%); |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| height: auto; |
| padding: 0; |
| border-radius: 0; |
| background-color: #fafafa; |
| background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%); |
| background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after { |
| border: inherit; |
| top: -1px; |
| right: -1px; |
| bottom: -1px; |
| left: -1px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after { |
| background-color: rgba(186, 186, 186, 0.1); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after { |
| border: inherit; |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after { |
| background-color: rgba(125, 125, 125, 0.2); |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after { |
| content: ""; |
| border: 1px solid #d4d4d4; |
| border-top-color: #d4d4d4; |
| border-left-color: #d4d4d4; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| width: 0; |
| height: 32px; |
| margin-left: -1px; |
| margin-top: -16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-second-container { |
| margin-left: 16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div { |
| width: 16px; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before { |
| border: transparent; |
| background-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:after { |
| border-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .os-important .v-progressbar-indicator { |
| background: #ed473b none; |
| } |
| |
| .osbp-cxo .v-loading-indicator { |
| opacity: 0.5; |
| } |
| |
| .osbp-cxo .v-app-loading:before { |
| left: auto; |
| width: 100%; |
| height: 32px; |
| padding: 0px; |
| margin-top: 0px; |
| margin-left: 0px; |
| background: transparent url('load_bar_2.gif') no-repeat 50%; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-menubar { |
| background-color: #b2d0e9; |
| border: 0px; |
| height: 35px; |
| } |
| |
| .osbp-cxo .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(1) { |
| background-color: #b2d0e9; |
| background-color: #fffb8e; |
| background-image: -webkit-linear-gradient(top, #fffb8e 0%, #ffd210 90%, #a1a1a1 90%, #fff 100%); |
| background-image: linear-gradient(to bottom,#fffb8e 0%, #ffd210 90%, #a1a1a1 90%, #fff 100%); |
| background-color: #fff; |
| background-image: -webkit-linear-gradient(bottom, #fff 0px, #a1a1a1 16px, #ffd210 16px, #fffb8e 100%); |
| background-image: linear-gradient(to top,#fff 0px, #a1a1a1 16px, #ffd210 16px, #fffb8e 100%); |
| background-color: #fff; |
| background-image: -webkit-linear-gradient(bottom, #fff 0px, #a1a1a1 1px, #ffd210 1px, #fffb8e 100%); |
| background-image: linear-gradient(to top,#fff 0px, #a1a1a1 1px, #ffd210 1px, #fffb8e 100%); |
| } |
| |
| .osbp-cxo .v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > .v-slot > .v-verticallayout > .v-expand > .v-slot:nth-child(2) { |
| display: none; |
| } |
| |
| .osbp-cxo .toptrimbar { |
| overflow: hidden; |
| white-space: nowrap; |
| position: inherit; |
| bottom: 0px; |
| height: 72.4px; |
| height: 70.4px; |
| } |
| |
| .osbp-cxo .toptrimbar .ToolControlMenu { |
| vertical-align: text-top; |
| } |
| |
| .osbp-cxo .toptrimbar .ToolControlCombo { |
| padding-top: 16px; |
| } |
| |
| .osbp-cxo .toptrimbar .v-filterselect, .osbp-cxo .toptrimbar .v-filterselect-input { |
| background-color: #b2d0e9 !important; |
| color: #253b4e !important; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon { |
| z-index: 999; |
| } |
| |
| .osbp-cxo .toptrimbar td.v-formlayout-errorcell, .osbp-cxo .toptrimbar td.v-formlayout-captioncell { |
| border-bottom: none; |
| } |
| |
| .osbp-cxo .perspectivepanel { |
| margin-right: 32px; |
| position: absolute; |
| bottom: 0px; |
| } |
| |
| .osbp-cxo .perspectivepanel .v-button { |
| border-radius: 8px 8px 0px 0px; |
| -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| height: 36px; |
| } |
| |
| .osbp-cxo .perspectivepanel .vaaclipsebutton.v-button-vaaclipsebutton { |
| height: 52px; |
| } |
| |
| .osbp-cxo .perspectivepanel .v-button-vaaclipsebutton.pushed { |
| height: 52px; |
| bottom: 0px; |
| background: #fff !important; |
| background-color: #a1a1a1; |
| background-image: -webkit-linear-gradient(bottom, #a1a1a1 1px, #fff 1px); |
| background-image: linear-gradient(to top,#a1a1a1 1px, #fff 1px); |
| border-color: #fff !important; |
| } |
| |
| .osbp-cxo .perspectivepanel .v-button-vaaclipsebutton.pushed .v-button-caption { |
| color: #474747 !important; |
| } |
| |
| .osbp-cxo .v-slot-loginPanelArea { |
| background-image: url('U68NITW3EI_s.jpg'); |
| background-repeat: no-repeat; |
| background-color: #ededed; |
| background-size: 450px 120px; |
| background-position: 50% 100px; |
| } |
| |
| .osbp-cxo .loginPanelArea.v-panel { |
| border: 0px !important; |
| background: transparent; |
| position: relative; |
| top: 300px; |
| } |
| |
| .osbp-cxo .loginFullArea { |
| background: #fff; |
| } |
| |
| .osbp-cxo .osbpLoginForm { |
| background: transparent; |
| padding: 0px !important; |
| } |
| |
| .osbp-cxo .v-slot-loginTitleArea { |
| background: transparent; |
| border-left: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-slot-loginTitleArea .os-view-header-h2 { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-slot-loginTextArea { |
| background: transparent; |
| width: 100% !important; |
| } |
| |
| .osbp-cxo .v-slot-loginTextArea .v-textfield { |
| height: 48px; |
| background-color: #f8f5f0; |
| margin-bottom: 7px; |
| border-radius: 6px; |
| } |
| |
| .osbp-cxo .v-slot-loginTextArea .v-textfield:focus { |
| background-color: #ffe887; |
| } |
| |
| .osbp-cxo .v-slot-loginTextArea .v-textfield:hover { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo div#loginUserArea { |
| background: transparent; |
| border-left: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| padding: 32px 64px 32px 64px; |
| } |
| |
| .osbp-cxo div#loginButtonArea { |
| background: transparent; |
| border-left: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| padding: 0px 64px 32px 64px; |
| -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35); |
| box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35); |
| } |
| |
| .osbp-cxo div#loginTextArea { |
| background: transparent; |
| border-left: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| padding: 0px 64px 16px 64px; |
| } |
| |
| .osbp-cxo div#loginTextArea > .v-expand { |
| width: 90%; |
| margin: 0 auto; |
| } |
| |
| .osbp-cxo div#loginTextArea img.v-image.v-widget { |
| margin-top: -16px; |
| } |
| |
| .osbp-cxo div#loginImageArea { |
| padding: 0px; |
| width: 0px !important; |
| } |
| |
| .osbp-cxo div#loginImageArea img { |
| display: none; |
| } |
| |
| .osbp-cxo .loginLoginArea > .v-expand > .v-slot { |
| vertical-align: middle !important; |
| } |
| |
| .osbp-cxo .loginLoginArea > .v-expand > .v-slot .v-checkbox > input ~ label:before { |
| border-radius: 50%; |
| } |
| |
| .osbp-cxo div#loginRegisterArea button.v-nativebutton.v-widget.v-has-width { |
| border: none; |
| background: transparent; |
| color: #ffd210; |
| font-weight: bold; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo div#loginRegisterArea .v-expand { |
| padding-top: 1px; |
| } |
| |
| .osbp-cxo .loginCopyrightArea .v-label.v-widget.v-has-width { |
| padding: 9.6px; |
| padding-bottom: 1px; |
| text-align: center; |
| background-color: rgba(255, 255, 255, 0.25); |
| color: #2364aa; |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .loginCopyrightArea .v-label.v-widget.loginVersionField { |
| padding: 3.2px; |
| padding-right: 10px; |
| text-align: right; |
| font-size: 10px; |
| } |
| |
| .osbp-cxo .v-table-table td { |
| border-top: 0px; |
| } |
| |
| .osbp-cxo .v-table-body-wrapper { |
| border: 0px; |
| } |
| |
| .osbp-cxo .v-table-body { |
| background-color: #f8f5f0; |
| } |
| |
| .osbp-cxo .v-table-cell-wrapper > .v-widget { |
| margin: inherit; |
| } |
| |
| .osbp-cxo .v-table-header { |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .v-table-header .v-icon { |
| display: none; |
| } |
| |
| .osbp-cxo .v-table-header-wrap { |
| border: 0px; |
| font-weight: bold; |
| border-top: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .v-align-right > .v-table-cell-wrapper { |
| text-align: right !important; |
| } |
| |
| .osbp-cxo .v-align-center > .v-table-cell-wrapper { |
| text-align: center !important; |
| } |
| |
| .osbp-cxo .v-align-left > .v-table-cell-wrapper { |
| text-align: left !important; |
| } |
| |
| .osbp-cxo [class*="rowheader"] { |
| background-color: rgba(255, 210, 16, 0.1); |
| } |
| |
| .osbp-cxo .filters-wrap { |
| overflow: hidden; |
| background-color: #f8f5f0; |
| height: 32px; |
| } |
| |
| .osbp-cxo .filters-wrap div { |
| height: 32px; |
| } |
| |
| .osbp-cxo .filters-panel { |
| width: 90000px; |
| overflow: hidden; |
| line-height: 1.55; |
| color: #424242; |
| font-style: italic; |
| } |
| |
| .osbp-cxo .filters-panel > div, .osbp-cxo .filters-panel > span, .osbp-cxo .filters-panel > input { |
| float: left !important; |
| } |
| |
| .osbp-cxo .filters-panel .v.label, .osbp-cxo .filters-panel .filterplaceholder { |
| height: 31px; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .filters-panel .v-textfield { |
| text-align: center; |
| white-space: normal; |
| color: #544834; |
| background-color: #f8f5f0; |
| border-right-width: 0px; |
| border-top-width: 0px; |
| border-left: 1px solid #d4d4d4; |
| border-left-color: #fff; |
| } |
| |
| .osbp-cxo .filters-panel .v-textfield:focus, .osbp-cxo .filters-panel .v-textfield .v-textfield-focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| border-right-width: 0px; |
| border-top-width: 0px; |
| border-left: 1px solid #d4d4d4; |
| border-left-color: #fff; |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button, .osbp-cxo .filters-panel .numberfilterpopup > .v-button { |
| color: #544834; |
| white-space: normal; |
| background: #f8f5f0; |
| padding-top: 1px; |
| border-right-width: 0px; |
| border-top-width: 0px; |
| border-left-width: 1px; |
| border-left-color: #fff; |
| border-bottom: 1px solid #d4d4d4; |
| margin-left: 0px; |
| font-weight: normal; |
| text-transform: none; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:after { |
| border-bottom-width: 0px; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button:focus, .osbp-cxo .filters-panel .datefilterpopup > .v-button:hover, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:focus, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:hover { |
| background-color: #ffe887; |
| color: #5a4c14; |
| border-bottom-color: #ffd210; |
| border-left: 1px solid #d4d4d4; |
| border-left-color: #fff; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button:focus:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:focus:after { |
| border-right-width: 0px; |
| border-top-width: 0px; |
| border-left: 1px solid #d4d4d4; |
| border-left-color: #fff; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button:hover:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button:hover:after { |
| border-left: 1px solid #d4d4d4; |
| border-left-color: #fff; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button .v-popup-indicator, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-popup-indicator { |
| display: none; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption { |
| background: transparent; |
| border: 0px; |
| float: none; |
| text-transform: none; |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption:after { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\F078"; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .filters-panel .datefilterpopup > .v-button .v-button-caption:after, .osbp-cxo .filters-panel .numberfilterpopup > .v-button .v-button-caption:after { |
| font-style: normal; |
| padding-left: 8px; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel { |
| float: right; |
| position: absolute; |
| top: 0px; |
| right: 0px; |
| width: 64px; |
| height: 100%; |
| background-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button { |
| background: transparent; |
| border: 0px; |
| float: right; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 32px; |
| content: "\f096" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:hover:before { |
| color: inherit; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-maximize-button:before { |
| vertical-align: middle; |
| color: #253b4e; |
| opacity: 0.3; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button { |
| background: transparent; |
| border: 0px; |
| float: right; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 32px; |
| content: "\f147" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:hover:before { |
| color: inherit; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-minimize-button:before { |
| vertical-align: middle; |
| color: #253b4e; |
| opacity: 0.3; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button { |
| background: transparent; |
| border: 0px; |
| float: right; |
| -moz-transform: scale(-1, 1); |
| -webkit-transform: scale(-1, 1); |
| -o-transform: scale(-1, 1); |
| -ms-transform: scale(-1, 1); |
| transform: scale(-1, 1); |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 32px; |
| content: "\f24d" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:hover:before { |
| color: inherit; |
| } |
| |
| .osbp-cxo .vaadock-tabsheet-button-panel .v-vaadock-tabsheet-restore-button:before { |
| vertical-align: middle; |
| color: #253b4e; |
| opacity: 0.3; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller { |
| position: absolute; |
| top: 0px; |
| right: 64px; |
| padding-left: 16px; |
| background-color: #b2d0e9; |
| background-image: -webkit-linear-gradient(right, #b2d0e9 70%, rgba(250, 250, 250, 0) 100%); |
| background-image: linear-gradient(to left,#b2d0e9 70%, rgba(250, 250, 250, 0) 100%); |
| background-color: transparent; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller button { |
| color: #253b4e; |
| opacity: 0.3; |
| } |
| |
| .osbp-cxo .v-tabsheet-scroller:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer { |
| background: #b2d0e9; |
| height: 35px; |
| border: 1px solid #d4d4d4; |
| border-bottom-width: 0px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer:before { |
| display: none; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer-l-control { |
| border: none; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabcontainer-l-control .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem { |
| border-top-left-radius: 4px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem { |
| background: #545454; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption { |
| color: #cfcfcf; |
| padding-right: 16px; |
| padding-left: 16px; |
| font-size: 16px; |
| font-weight: bold; |
| margin-left: 0px; |
| -moz-transition: unset; |
| -o-transition: unset; |
| -webkit-transition: unset; |
| transition: unset; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| border-top: 3px solid #545454; |
| border-bottom: 0px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem .v-caption:hover { |
| border-top-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem:hover { |
| background: #ffd210; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected { |
| background-color: white; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption, .osbp-cxo .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected > .v-caption.v-caption { |
| border-top: 3px solid #ffd210; |
| border-bottom: 0px; |
| } |
| |
| .osbp-cxo .v-caption-on-top > .v-caption > .v-captiontext { |
| font-size: 22.4px; |
| } |
| |
| .osbp-cxo .v-caption-on-top > .v-caption-l-control > .v-captiontext { |
| font-size: 16px; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox { |
| line-height: 32px; |
| padding-top: inherit; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox label { |
| padding-left: 16px; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:after { |
| width: 32px; |
| height: 31px; |
| position: absolute; |
| left: 0px !important; |
| font-size: 16px; |
| line-height: 32px; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before { |
| height: 32px; |
| border: 0px; |
| border-bottom: 1px solid #d4d4d4; |
| background: #f8f5f0; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox > input:focus ~ label:before { |
| background-color: #ffe887; |
| border-bottom-color: #ffd210; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before, :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:after { |
| margin-top: inherit; |
| } |
| |
| :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before { |
| margin-top: inherit; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box { |
| line-height: 32px; |
| padding-top: 38px; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box label { |
| padding-left: 16px; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after { |
| width: 32px; |
| height: 31px; |
| position: absolute; |
| left: 0px !important; |
| font-size: 16px; |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { |
| height: 32px; |
| border: 0px; |
| border-bottom: 1px solid #d4d4d4; |
| background: #f8f5f0; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input:focus ~ label:before { |
| background-color: #ffe887; |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before, .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:after { |
| margin-top: 38px; |
| } |
| |
| .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { |
| margin-top: 38px; |
| } |
| |
| .osbp-cxo select.v-select-select { |
| color: inherit !important; |
| border: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo select.v-select-select option:checked { |
| box-shadow: 0 0 10px 100px #ffd210 inset; |
| color: #3e350e !important; |
| } |
| |
| .osbp-cxo .l-controlbase { |
| overflow: auto; |
| } |
| |
| .osbp-cxo .v-panel-os-has-focus { |
| border-color: #ffd210; |
| border-width: 1px; |
| } |
| |
| .osbp-cxo .l-control .v-table { |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .l-control .v-table-header-wrap { |
| border-top: none; |
| height: 32px; |
| } |
| |
| .osbp-cxo .l-control .v-grid-os-box .v-grid-tablewrapper { |
| border-top: 0px; |
| } |
| |
| .osbp-cxo .l-control .v-gridlayout-slot .v-grid-os-box .v-grid-tablewrapper { |
| border-top: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .l-control .v-panel, .osbp-cxo .toptrimbar .v-panel, .osbp-cxo .os-selection-area .v-panel { |
| border-width: 1px; |
| } |
| |
| .osbp-cxo .l-control .v-caption, .osbp-cxo .toptrimbar .v-caption, .osbp-cxo .os-selection-area .v-caption { |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .l-control .v-caption-on-top > .v-caption, .osbp-cxo .l-control .v-gridlayout-slot > .v-caption, .osbp-cxo .toptrimbar .v-caption-on-top > .v-caption, .osbp-cxo .toptrimbar .v-gridlayout-slot > .v-caption, .osbp-cxo .os-selection-area .v-caption-on-top > .v-caption, .osbp-cxo .os-selection-area .v-gridlayout-slot > .v-caption { |
| padding-bottom: 2px; |
| padding-top: 16px; |
| } |
| |
| .osbp-cxo .l-control .v-caption-os-has-focus, .osbp-cxo .toptrimbar .v-caption-os-has-focus, .osbp-cxo .os-selection-area .v-caption-os-has-focus { |
| color: #ffd210; |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .l-control .v-formlayout-captioncell, .osbp-cxo .l-control .v-formlayout-errorcell, .osbp-cxo .toptrimbar .v-formlayout-captioncell, .osbp-cxo .toptrimbar .v-formlayout-errorcell, .osbp-cxo .os-selection-area .v-formlayout-captioncell, .osbp-cxo .os-selection-area .v-formlayout-errorcell { |
| border-bottom: 1px solid #d4d4d4; |
| vertical-align: bottom; |
| } |
| |
| .osbp-cxo .l-control .v-formlayout-captioncell, .osbp-cxo .l-control .v-formlayout-errorcell, .osbp-cxo .l-control .v-formlayout-contentcell, .osbp-cxo .toptrimbar .v-formlayout-captioncell, .osbp-cxo .toptrimbar .v-formlayout-errorcell, .osbp-cxo .toptrimbar .v-formlayout-contentcell, .osbp-cxo .os-selection-area .v-formlayout-captioncell, .osbp-cxo .os-selection-area .v-formlayout-errorcell, .osbp-cxo .os-selection-area .v-formlayout-contentcell { |
| padding-top: 0px !important; |
| } |
| |
| .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent { |
| width: 100%; |
| border-bottom: 1px solid #d4d4d4; |
| } |
| |
| .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] { |
| border-bottom-width: 0px; |
| } |
| |
| .osbp-cxo .l-control .v-textfield, .osbp-cxo .toptrimbar .v-textfield, .osbp-cxo .os-selection-area .v-textfield { |
| width: 364px; |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| } |
| |
| .osbp-cxo .l-control .v-textfield:focus, .osbp-cxo .toptrimbar .v-textfield:focus, .osbp-cxo .os-selection-area .v-textfield:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .l-control .v-textfield:hover, .osbp-cxo .toptrimbar .v-textfield:hover, .osbp-cxo .os-selection-area .v-textfield:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .l-control .v-filterselect-input, .osbp-cxo .l-control .v-filterselect [class*="input"], .osbp-cxo .toptrimbar .v-filterselect-input, .osbp-cxo .toptrimbar .v-filterselect [class*="input"], .osbp-cxo .os-selection-area .v-filterselect-input, .osbp-cxo .os-selection-area .v-filterselect [class*="input"] { |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| border-bottom: 1px solid #d4d4d4; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| .osbp-cxo .l-control .v-filterselect-input:focus, .osbp-cxo .l-control .v-filterselect [class*="input"]:focus, .osbp-cxo .toptrimbar .v-filterselect-input:focus, .osbp-cxo .toptrimbar .v-filterselect [class*="input"]:focus, .osbp-cxo .os-selection-area .v-filterselect-input:focus, .osbp-cxo .os-selection-area .v-filterselect [class*="input"]:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .l-control .v-filterselect-input:hover, .osbp-cxo .l-control .v-filterselect [class*="input"]:hover, .osbp-cxo .toptrimbar .v-filterselect-input:hover, .osbp-cxo .toptrimbar .v-filterselect [class*="input"]:hover, .osbp-cxo .os-selection-area .v-filterselect-input:hover, .osbp-cxo .os-selection-area .v-filterselect [class*="input"]:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .l-control .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .l-control .v-filterselect-os-box .v-icon, .osbp-cxo .toptrimbar .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .toptrimbar .v-filterselect-os-box .v-icon, .osbp-cxo .os-selection-area .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .osbp-cxo .os-selection-area .v-filterselect-os-box .v-icon { |
| z-index: 999; |
| } |
| |
| .osbp-cxo .l-control .v-textfield-readonly, .osbp-cxo .l-control .v-disabled, .osbp-cxo .toptrimbar .v-textfield-readonly, .osbp-cxo .toptrimbar .v-disabled, .osbp-cxo .os-selection-area .v-textfield-readonly, .osbp-cxo .os-selection-area .v-disabled { |
| background-color: transparent; |
| } |
| |
| .osbp-cxo .l-control .l-beansearchfield button, .osbp-cxo .toptrimbar .l-beansearchfield button, .osbp-cxo .os-selection-area .l-beansearchfield button { |
| background: transparent; |
| border: 0px; |
| float: none; |
| margin-left: 0px; |
| font-weight: normal; |
| color: #424242; |
| border-width: 0px; |
| background-color: #ededed; |
| border-left: 1px solid #d4d4d4; |
| border-bottom: 1px solid #d4d4d4; |
| outline: 0; |
| height: 32px; |
| width: 32px !important; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .l-control .l-beansearchfield button:before, .osbp-cxo .toptrimbar .l-beansearchfield button:before, .osbp-cxo .os-selection-area .l-beansearchfield button:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f0b0" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .l-control .l-beansearchfield button img, .osbp-cxo .toptrimbar .l-beansearchfield button img, .osbp-cxo .os-selection-area .l-beansearchfield button img { |
| display: none; |
| } |
| |
| .osbp-cxo .l-control .v-datefield-error .v-datefield-textfield, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-textfield, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-textfield { |
| color: #ed473b; |
| border-bottom-style: dashed; |
| } |
| |
| .osbp-cxo .l-control .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-textfield.v-textfield-focus, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-textfield.v-textfield-focus { |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .l-control .v-datefield-error .v-datefield-button, .osbp-cxo .toptrimbar .v-datefield-error .v-datefield-button, .osbp-cxo .os-selection-area .v-datefield-error .v-datefield-button { |
| border-color: #d4d4d4 !important; |
| color: #ed473b; |
| } |
| |
| .osbp-cxo .l-control .v-textfield-error, .osbp-cxo .toptrimbar .v-textfield-error, .osbp-cxo .os-selection-area .v-textfield-error { |
| color: #ed473b; |
| border-bottom-style: dashed; |
| } |
| |
| .osbp-cxo .l-control .v-button, .osbp-cxo .toptrimbar .v-button, .osbp-cxo .os-selection-area .v-button { |
| height: 32px; |
| } |
| |
| .osbp-cxo .l-control .v-upload-immediate .v-button, .osbp-cxo .toptrimbar .v-upload-immediate .v-button, .osbp-cxo .os-selection-area .v-upload-immediate .v-button { |
| height: 32px; |
| } |
| |
| .osbp-cxo .l-control [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-cxo .toptrimbar [class*="margin-bottom"] > tbody > [class*="lastrow"] > td, .osbp-cxo .os-selection-area [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { |
| padding-bottom: 0px; |
| } |
| |
| .osbp-cxo .l-control [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-cxo .toptrimbar [class*="margin-top"] > tbody > [class*="firstrow"] > td, .osbp-cxo .os-selection-area [class*="margin-top"] > tbody > [class*="firstrow"] > td { |
| padding-top: 0px; |
| } |
| |
| .osbp-cxo .v-filterselect-os-single-selection { |
| color: #424242; |
| margin: 10px; |
| width: 224px; |
| } |
| |
| .osbp-cxo .os-multi-selection select.v-select-select { |
| color: inherit !important; |
| border: 1px solid #d4d4d4; |
| margin: 10px; |
| width: 224px; |
| } |
| |
| .osbp-cxo .os-multi-selection select.v-select-select option:checked { |
| box-shadow: 0 0 10px 100px #ffd210 inset; |
| } |
| |
| .osbp-cxo .v-horizontallayout-UserHandler { |
| margin-right: 32px; |
| margin-left: 32px; |
| } |
| |
| .osbp-cxo .v-slot-os-userportrait { |
| width: auto; |
| height: auto; |
| } |
| |
| .osbp-cxo .os-userportrait img { |
| border-radius: 50%; |
| width: 64px; |
| height: 64px; |
| border: 0px solid grey; |
| padding-right: 6px; |
| } |
| |
| .osbp-cxo .v-slot-os-username .os-username, .osbp-cxo .v-slot-os-userposition .os-username, .osbp-cxo .v-slot-os-useremail .os-username { |
| color: #253b4e; |
| font-weight: bold; |
| padding-left: 16px; |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .v-slot-os-username .os-userposition, .osbp-cxo .v-slot-os-userposition .os-userposition, .osbp-cxo .v-slot-os-useremail .os-userposition { |
| color: #253b4e; |
| padding-left: 16px; |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .v-slot-os-username .os-useremail, .osbp-cxo .v-slot-os-userposition .os-useremail, .osbp-cxo .v-slot-os-useremail .os-useremail { |
| font-size: 16px; |
| color: #253b4e; |
| } |
| |
| .osbp-cxo .v-slot-os-useremail { |
| display: none; |
| } |
| |
| .osbp-cxo .os-userlogoutbutton .v-icon, .osbp-cxo .os-usermenubutton .v-icon { |
| display: none; |
| } |
| |
| .osbp-cxo .os-userlogoutbutton { |
| border: none; |
| padding: 0px; |
| height: 30px !important; |
| width: 30px !important; |
| margin: 1px; |
| border-radius: 50% !important; |
| background: #a1a1a1; |
| } |
| |
| .osbp-cxo .os-userlogoutbutton.v-button { |
| -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| border: 0px; |
| float: right; |
| } |
| |
| .osbp-cxo .os-userlogoutbutton.v-button:after { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 32px; |
| content: "\f08b"; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .os-userlogoutbutton .v-icon { |
| display: none; |
| } |
| |
| .osbp-cxo .os-usermenubutton { |
| border: none; |
| padding: 0px; |
| height: 30px !important; |
| width: 30px !important; |
| margin: 1px; |
| border-radius: 50% !important; |
| } |
| |
| .osbp-cxo .os-usermenubutton.v-button { |
| -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35); |
| border: 0px; |
| float: right; |
| } |
| |
| .osbp-cxo .os-usermenubutton.v-button:after { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 32px; |
| content: "\f0c9"; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-accordion { |
| border: 0px; |
| } |
| |
| .osbp-cxo .v-tree { |
| padding-top: 6px; |
| padding-bottom: 6px; |
| } |
| |
| .osbp-cxo .v-accordion-item { |
| border-top-width: 0px !important; |
| background: #ededed; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup { |
| padding: 0px; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] > .v-tree { |
| width: 100% !important; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-caption:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected { |
| color: #ffd210; |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion [class*='os-menutree-'] .v-tree-node-selected::after { |
| background: transparent; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption { |
| border-top: 1px solid #d4d4d4; |
| border-bottom-width: 0px; |
| background-image: none; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f138" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > .v-captiontext::before { |
| padding-right: 11px; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-caption > .v-caption > img.v-icon { |
| display: none; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption { |
| background-color: #ffd210; |
| border-top: 1px solid #d4d4d4; |
| border-top-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext { |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #ffd210; |
| color: #3e350e; |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f13a" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-popupbutton-popup-os-usermenubutton.v-popupview-popup .v-accordion-item-open .v-accordion-item-caption > .v-caption > .v-captiontext::before { |
| padding-right: 10px; |
| } |
| |
| .osbp-cxo .icon-download { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-download:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f019" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-upload { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-upload:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f093" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-chart { |
| background: transparent; |
| border: 0px; |
| float: none; |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-chart:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f080" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-chart:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f201" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-user { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-user:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f007" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-attention { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-attention:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f071" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-cancel { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-cancel:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f08b" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .icon-cog { |
| background: transparent; |
| border: 0px; |
| float: none; |
| } |
| |
| .osbp-cxo .icon-cog:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f013" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .v-slot-branding { |
| background-color: #b2d0e9; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .branding { |
| padding-bottom: 12.8px; |
| padding-top: 12.8px; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .branding .v-label { |
| padding: 0px; |
| padding-left: 12.8px; |
| line-height: 2.17; |
| font-size: 22.4px; |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .branding .v-label span { |
| font-size: 22.4px; |
| margin: 0px !important; |
| font-weight: bold; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #253b4e; |
| letter-spacing: 0em !important; |
| min-height: 48px; |
| display: block; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .menu { |
| width: 100%; |
| padding: 16px; |
| overflow: auto; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton { |
| border: 0px; |
| width: 100%; |
| background-color: #fff; |
| cursor: pointer; |
| height: 48px; |
| white-space: inherit; |
| border-bottom: 1px solid #d4d4d4; |
| font-weight: normal; |
| text-align: left; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton .badge { |
| position: relative; |
| float: right; |
| display: inline-block; |
| line-height: 1.55; |
| color: #3e350e; |
| padding: 0em 0.4em 0em; |
| background: #ffd210; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:active { |
| background: rgba(0, 0, 0, 0.1); |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:focus, .osbp-cxo .v-slot-osbpsidebar .menu .v-nativebutton:hover { |
| outline: 0; |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user { |
| display: block; |
| background-color: #b2d0e9; |
| padding: 7px; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user > .v-slot { |
| height: 100%; |
| display: inline-block; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user :nth-child(4) { |
| float: right; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-image { |
| border: 1px solid #d4d4d4; |
| border-width: 0px; |
| vertical-align: text-top; |
| border-radius: 32px; |
| max-width: 45px; |
| max-height: 45px; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-label { |
| font-size: 22.4px; |
| padding: 10px; |
| font-weight: bold; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #424242; |
| color: #2364aa; |
| line-height: 2.17; |
| letter-spacing: 0em !important; |
| min-width: 224px; |
| color: #253b4e; |
| padding-top: 0px; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-menubar, .osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton { |
| background-image: none; |
| background-color: transparent; |
| border: 0px; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog { |
| vertical-align: text-top; |
| height: 100%; |
| display: inline !important; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #253b4e; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before { |
| font-family: FontAwesome; |
| font-size: 28px; |
| line-height: 2.17; |
| content: "\f013" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { |
| display: none; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton { |
| font-size: 22.4px; |
| color: #253b4e; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .icon-cancel:before { |
| font-size: 22.4px; |
| color: #253b4e; |
| font-weight: bold; |
| line-height: 2.17; |
| color: #474747; |
| } |
| |
| .osbp-cxo .v-slot-osbpsidebar .user .v-nativebutton-caption { |
| display: none; |
| } |
| |
| .osbp-cxo .l-csslayout { |
| background: green; |
| } |
| |
| .osbp-cxo .l-csslayout .v-caption-os-box { |
| background: yellow; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="0-399px"] .os-box { |
| width: 100%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="0-399px"] .v-caption-os-box { |
| width: 100%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="400-499px"] .os-box { |
| width: 50%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="400-499px"] .v-caption-os-box { |
| width: 50%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="500px-599px"] .os-box { |
| width: 40%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="500px-599px"] .v-caption-os-box { |
| width: 10%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="600px-799px"] .os-box { |
| width: 20%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="600px-799px"] .v-caption-os-box { |
| width: 13%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="800px-"] .os-box { |
| width: 20%; |
| } |
| |
| .osbp-cxo .l-csslayout[width-range~="800px-"] .v-caption-os-box { |
| width: 5%; |
| } |
| |
| .osbp-cxo .v-grid .v-grid-header .v-grid-row .v-grid-cell { |
| font-size: 16px; |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .v-grid .v-grid-cell.filter-header { |
| height: 32px !important; |
| padding: 0px; |
| } |
| |
| .osbp-cxo .v-grid .v-textfield, .osbp-cxo .v-grid .v-datefield > .v-textfield { |
| float: left; |
| width: 100%; |
| height: 32px; |
| } |
| |
| .osbp-cxo .v-grid .v-datefield { |
| top: -1px; |
| } |
| |
| .osbp-cxo .v-icon.v-grid-cell-boolean { |
| font-family: FontAwesome; |
| font-style: normal; |
| font-weight: normal; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| display: inline-block; |
| text-align: center; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .v-grid-cell-boolean.boolean-true:before { |
| content: "\f14a"; |
| } |
| |
| .osbp-cxo .v-grid-cell-boolean.boolean-false:before { |
| content: "\f00d"; |
| } |
| |
| .osbp-cxo .v-grid-cell-boolean.boolean-null:before { |
| content: "\f096"; |
| } |
| |
| .osbp-cxo .v-grid-row .v-grid-cell center, .osbp-cxo .v-grid-row .v-grid-cell .v-icon.v-grid-cell-boolean { |
| line-height: inherit; |
| } |
| |
| .osbp-cxo .v-button-value-cell { |
| clear: both; |
| position: relative; |
| width: 100%; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-button-bar { |
| position: absolute; |
| left: -4px; |
| top: -4px; |
| display: inline-block; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-button-bar button { |
| cursor: pointer; |
| width: 30px; |
| height: 30px; |
| font-family: FontAwesome !important; |
| font-style: normal; |
| font-weight: normal; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| margin-right: 2px; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-button-bar button.v-view span:before { |
| content: "\f06e"; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-button-bar button.v-edit span:before { |
| content: "\f040"; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-button-bar button.v-delete span:before { |
| content: "\f014"; |
| } |
| |
| .osbp-cxo .v-button-value-cell .v-cell-value { |
| padding-left: 32px; |
| } |
| |
| .osbp-cxo .v-button-value-cell.two-buttons .v-cell-value { |
| padding-left: 65px; |
| } |
| |
| .osbp-cxo .v-button-value-cell.three-buttons .v-cell-value { |
| padding-left: 98px; |
| } |
| |
| .osbp-cxo .reindeer .v-button-value-cell .v-button-bar button { |
| width: 20px; |
| height: 20px; |
| } |
| |
| .osbp-cxo .reindeer .v-button-value-cell .v-cell-value { |
| padding-left: 22px; |
| } |
| |
| .osbp-cxo .reindeer .v-button-value-cell.two-buttons .v-cell-value { |
| padding-left: 45px; |
| } |
| |
| .osbp-cxo .reindeer .v-button-value-cell.three-buttons .v-cell-value { |
| padding-left: 68px; |
| } |
| |
| .osbp-cxo .reindeer .v-button-bar button span { |
| margin: 0 0 0 -3px; |
| } |
| |
| .osbp-cxo .v-grid-cell.centeralign { |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-grid-cell.rightalign { |
| text-align: right; |
| } |
| |
| .osbp-cxo .v-grid-cell-indicator { |
| width: 100%; |
| height: 100%; |
| text-align: center; |
| cursor: pointer; |
| } |
| |
| .osbp-cxo .v-grid-row .v-grid-cell .v-grid-cell-indicator { |
| line-height: inherit; |
| } |
| |
| .osbp-cxo .v-grid-cell-indicator span.green { |
| color: green; |
| } |
| |
| .osbp-cxo .v-grid-cell-indicator span.red { |
| color: red; |
| } |
| |
| .osbp-cxo .v-grid-cell-indicator span.black { |
| color: black; |
| } |
| |
| .osbp-cxo .v-grid-cell-indicator span.na { |
| color: yellow; |
| } |
| |
| .osbp-cxo .orgchart { |
| background: #919293 url(external/img/sidebar-gradient.png) repeat-y top right; |
| border: 1px solid grey; |
| color: grey; |
| font-weight: bold; |
| font-family: Tahoma; |
| padding: 10px; |
| } |
| |
| .osbp-cxo .orgchartNode { |
| background: #e1e2e3 url(external/img/sidebar-gradient.png) repeat-y top right; |
| border-radius: 18px; |
| border: 4px solid #9edbfb; |
| padding: 10px !important; |
| } |
| |
| .osbp-cxo .orgchartSelectedNode { |
| background-color: #9edbfb; |
| border: 4px solid #fbe99e; |
| border-radius: 18px; |
| } |
| |
| .osbp-cxo .v-caption-orgchart .v-captiontext { |
| font-size: 16px; |
| line-height: 1; |
| font-weight: normal; |
| padding: 0.5em 0.5em 1em; |
| -webkit-font-smoothing: antialiased; |
| background: #414243 url(external/img/sidebar-gradient.png) repeat-y top right; |
| overflow: visible; |
| position: relative; |
| z-index: 2; |
| white-space: normal; |
| color: #fff; |
| text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); |
| display: block !important; |
| } |
| |
| .osbp-cxo .v-gridlayout-orgchartUser { |
| color: grey; |
| font-family: Tahoma; |
| font-weight: bold; |
| margin: 10px; |
| padding: 10px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-horizontallayout-orgchartUser { |
| color: grey; |
| font-family: Tahoma; |
| font-weight: bold; |
| border-radius: 18px; |
| border: 4px solid #9edbfb; |
| margin: 10px; |
| padding: 10px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .v-gridlayout-orgchartUser div { |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .osbp-cxo .v-gridlayout-orgchartUser div > div { |
| padding: 3px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .orgchart-multipos { |
| color: red; |
| font-style: italic; |
| } |
| |
| .osbp-cxo .orgchart-classic { |
| color: red; |
| font-style: italic; |
| } |
| |
| .osbp-cxo .orgchart-modern { |
| color: red; |
| font-style: italic; |
| } |
| |
| .osbp-cxo .orgchart-compex { |
| color: blue; |
| font-style: italic; |
| } |
| |
| .osbp-cxo .node { |
| cursor: pointer; |
| border: solid 1px white; |
| font: 10px sans-serif; |
| line-height: 12px; |
| overflow: hidden; |
| position: absolute; |
| text-indent: 2px; |
| } |
| |
| .osbp-cxo .node circle { |
| fill: #fff; |
| stroke: steelblue; |
| stroke-width: 1.5px; |
| } |
| |
| .osbp-cxo .node text { |
| font: 10px sans-serif; |
| } |
| |
| .osbp-cxo .link { |
| fill: none; |
| stroke: #ccc; |
| stroke-width: 1.5px; |
| } |
| |
| .osbp-cxo .subunit-label { |
| fill: #777; |
| fill-opacity: 0.5; |
| font-size: 20px; |
| font-weight: 300; |
| text-anchor: middle; |
| } |
| |
| .osbp-cxo .place, .osbp-cxo .place-label { |
| fill: #444; |
| } |
| |
| .osbp-cxo text.place-label { |
| font-size: 10px; |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| } |
| |
| .osbp-cxo text.place-label:hover { |
| fill: #6699FF; |
| font-size: 20px; |
| } |
| |
| .osbp-cxo path.usa { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: 0.5px; |
| } |
| |
| .osbp-cxo path.usa:hover { |
| fill: #80e080; |
| } |
| |
| .osbp-cxo path.world { |
| stroke: white; |
| stroke-width: 0.25px; |
| fill: black; |
| } |
| |
| .osbp-cxo path.world:hover { |
| fill: red; |
| } |
| |
| .osbp-cxo path.subunit.DEU:hover { |
| fill: #80e080; |
| } |
| |
| .osbp-cxo path.subunit.DEU { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: 0.5px; |
| } |
| |
| .osbp-cxo path.deu { |
| fill: #60a060; |
| stroke: #fff; |
| stroke-width: 0.5px; |
| } |
| |
| .osbp-cxo path.deu:hover { |
| fill: #80e080; |
| } |
| |
| .osbp-cxo path.world { |
| stroke: white; |
| stroke-width: 0.25px; |
| fill: black; |
| } |
| |
| .osbp-cxo path.world:hover { |
| fill: red; |
| } |
| |
| .osbp-cxo .o-configuration-dialog .o-navigation-area .v-nativebutton { |
| width: 100%; |
| border-style: solid; |
| border-bottom-color: black; |
| border-bottom-width: 1px; |
| } |
| |
| .osbp-cxo .o-configuration-dialog .v-slot-o-navigation-area { |
| margin-right: 15px; |
| margin-left: 0px; |
| } |
| |
| .osbp-cxo .o-configuration-dialog .l-yview-provider { |
| width: 100%; |
| height: 100%; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup { |
| z-index: 99999; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent { |
| padding: 4px 4px; |
| border-radius: 4px; |
| background-color: white; |
| color: #474747; |
| -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098); |
| -webkit-backface-visibility: hidden; |
| -moz-backface-visibility: hidden; |
| -ms-backface-visibility: hidden; |
| backface-visibility: hidden; |
| margin-top: 4px !important; |
| margin-bottom: 4px !important; |
| margin-right: 4px !important; |
| cursor: default; |
| width: auto; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent[class*="animate-in"] { |
| -webkit-animation: valo-overlay-animate-in 120ms; |
| -moz-animation: valo-overlay-animate-in 120ms; |
| animation: valo-overlay-animate-in 120ms; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent[class*="animate-out"] { |
| -webkit-animation: valo-animate-out-fade 120ms; |
| -moz-animation: valo-animate-out-fade 120ms; |
| animation: valo-animate-out-fade 120ms; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent table { |
| border-collapse: collapse; |
| border-spacing: 0; |
| margin: 0 auto; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td { |
| padding: 2px; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel { |
| font-size: 16px; |
| text-align: center; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel:focus { |
| outline: none; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 26px; |
| height: 22px; |
| border: 1px solid transparent; |
| line-height: 22px; |
| 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; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day:hover { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-offmonth { |
| color: #a0a0a0; |
| background: transparent; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day-today { |
| color: #191919; |
| font-weight: 600; |
| border-color: #afafaf; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover { |
| color: #3e350e; |
| background-color: #ffd210; |
| background-image: -webkit-linear-gradient(top, #ffd511 2%, #f4c50d 98%); |
| background-image: linear-gradient(to bottom,#ffd511 2%, #f4c50d 98%); |
| border: none; |
| font-weight: 600; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| -webkit-box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| box-shadow: 0 0 0 2px rgba(255, 210, 16, 0.5); |
| position: relative; |
| } |
| |
| .v-ie8 .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { |
| border-color: #ffd210; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { |
| color: #a0a0a0; |
| cursor: not-allowed; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays { |
| height: 22px; |
| color: rgba(133, 133, 133, 0.85); |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays strong { |
| font: inherit; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-header { |
| white-space: nowrap; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button, .osbp-cxo .o-SuggestBoxPopup .popupContent 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: 16px; |
| height: 21px; |
| outline: none; |
| position: relative; |
| vertical-align: middle; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button:before { |
| color: #a0a0a0; |
| font-size: 21px; |
| line-height: 24px; |
| -webkit-transition: color 200ms; |
| -moz-transition: color 200ms; |
| transition: color 200ms; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button:hover:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button:hover:before { |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range { |
| cursor: default; |
| opacity: 0.3; |
| filter: alpha(opacity=30.0) ; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="year"] button.outside-range:hover:before, .osbp-cxo .o-SuggestBoxPopup .popupContent td[class*="month"] button.outside-range:hover:before { |
| color: #a0a0a0; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-prevyear:before { |
| font-family: ThemeIcons; |
| content: "\f100"; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-prevmonth:before { |
| font-family: ThemeIcons; |
| content: "\f104"; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-nextyear:before { |
| font-family: ThemeIcons; |
| content: "\f101"; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-button-nextmonth:before { |
| font-family: ThemeIcons; |
| content: "\f105"; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-month { |
| width: 128px; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month { |
| width: 64px; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber, .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child { |
| width: 26px; |
| color: rgba(133, 133, 133, 0.85); |
| font-size: 14px; |
| display: inline-block; |
| text-align: left; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumber { |
| position: relative; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent .v-datefield-calendarpanel-weeknumbers .v-first:before { |
| content: ""; |
| position: absolute; |
| top: 32px; |
| bottom: 0; |
| left: 0; |
| width: 30px; |
| border-top: 1px solid #d4d4d4; |
| border-right: 1px solid #d4d4d4; |
| border-top-right-radius: 4px; |
| border-bottom-left-radius: 4px; |
| background: #fff; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time { |
| width: 100%; |
| font-size: 14px; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup .popupContent td.v-datefield-calendarpanel-time .v-label { |
| display: inline; |
| margin: 0 0.1em; |
| font-weight: 400; |
| } |
| |
| .osbp-cxo .o-SuggestBoxPopup table { |
| width: 332px; |
| } |
| |
| .osbp-cxo .item { |
| color: #474747; |
| } |
| |
| .osbp-cxo .item-selected { |
| background-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .o-XSuggestBox { |
| background-color: #f8f5f0; |
| height: 32px; |
| } |
| |
| .osbp-cxo .o-XSuggestBox > .v-textfield { |
| background-color: #f8f5f0; |
| border-top: transparent; |
| border-left: transparent; |
| border-right: transparent; |
| width: 332px; |
| } |
| |
| .osbp-cxo .o-XSuggestBox > .v-textfield:focus { |
| background-color: #ffe887; |
| color: #5a4c14; |
| } |
| |
| .osbp-cxo .o-XSuggestBox > .v-textfield:hover { |
| border-bottom-color: #ffd210; |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions { |
| cursor: pointer; |
| border-bottom: 1px solid #d4d4d4 !important; |
| height: 31px; |
| text-align: center; |
| width: 32px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| float: right; |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions:focus { |
| background-color: #ffe887 !important; |
| color: #ffd210; |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions:hover { |
| border-bottom-color: #ffd210 !important; |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f08d" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions.selected { |
| background: transparent; |
| border: 0px; |
| float: none; |
| float: right; |
| } |
| |
| .osbp-cxo .o-XSuggestBox .enableSuggestions.selected:before { |
| font-family: FontAwesome; |
| font-size: 21px; |
| line-height: 28px; |
| content: "\f002" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .os-cash-register { |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot, .osbp-cxo .os-cash-register .v-slot-l-control { |
| line-height: $font; |
| } |
| |
| .osbp-cxo .os-cash-register .v-verticallayout, .osbp-cxo .os-cash-register .v-horizontallayout, .osbp-cxo .os-cash-register .v-gridlayout { |
| padding: 0px; |
| left: 0px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button { |
| height: 59px; |
| white-space: normal; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| text-transform: none; |
| min-width: 128px; |
| padding: 16px; |
| font-size: 32px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button:before { |
| content: none; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button .v-button-caption { |
| line-height: 32px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp-cxo .os-cash-register .os-color-1 .v-button { |
| background: #cc5454; |
| border-color: #cc5454; |
| color: #ebd5d5; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1.v-pressed, .osbp-cxo .os-cash-register .os-color-1 .v-button.v-pressed { |
| color: #432020 !important; |
| background: #db8787 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp-cxo .os-cash-register .os-color-1 .v-button.os-pushed { |
| background: #ad4747; |
| color: #532222; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp-cxo .os-cash-register .os-color-1 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2, .osbp-cxo .os-cash-register .os-color-2 .v-button { |
| background: #ffc15f; |
| border-color: #ffc15f; |
| color: #503812; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2.v-pressed, .osbp-cxo .os-cash-register .os-color-2 .v-button.v-pressed { |
| color: #5b3f14 !important; |
| background: #ffd38f !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp-cxo .os-cash-register .os-color-2 .v-button.os-pushed { |
| background: #d8a450; |
| color: #8a611f; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp-cxo .os-cash-register .os-color-2 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3, .osbp-cxo .os-cash-register .os-color-3 .v-button { |
| background: #ff7d42; |
| border-color: #ff7d42; |
| color: #f5ded4; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3.v-pressed, .osbp-cxo .os-cash-register .os-color-3 .v-button.v-pressed { |
| color: #572813 !important; |
| background: #ffa47a !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp-cxo .os-cash-register .os-color-3 .v-button.os-pushed { |
| background: #d86a38; |
| color: #793618; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp-cxo .os-cash-register .os-color-3 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4, .osbp-cxo .os-cash-register .os-color-4 .v-button { |
| background: #ec64a5; |
| border-color: #ec64a5; |
| color: #f3dae6; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4.v-pressed, .osbp-cxo .os-cash-register .os-color-4 .v-button.v-pressed { |
| color: #511b35 !important; |
| background: #f192c0 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp-cxo .os-cash-register .os-color-4 .v-button.os-pushed { |
| background: #c8558c; |
| color: #77274d; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp-cxo .os-cash-register .os-color-4 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5, .osbp-cxo .os-cash-register .os-color-5 .v-button { |
| background: #24dcd4; |
| border-color: #24dcd4; |
| color: #133433; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5.v-pressed, .osbp-cxo .os-cash-register .os-color-5 .v-button.v-pressed { |
| color: #194442 !important; |
| background: #65e6e0 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp-cxo .os-cash-register .os-color-5 .v-button.os-pushed { |
| background: #1ebbb4; |
| color: #0c4d4a; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp-cxo .os-cash-register .os-color-5 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6, .osbp-cxo .os-cash-register .os-color-6 .v-button { |
| background: #3090f0; |
| border-color: #3090f0; |
| color: #cfe0f1; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6.v-pressed, .osbp-cxo .os-cash-register .os-color-6 .v-button.v-pressed { |
| color: #dde9f5 !important; |
| background: #6eb1f4 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp-cxo .os-cash-register .os-color-6 .v-button.os-pushed { |
| background: #287acc; |
| color: #133a61; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp-cxo .os-cash-register .os-color-6 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7, .osbp-cxo .os-cash-register .os-color-7 .v-button { |
| background: #685cb0; |
| border-color: #685cb0; |
| color: #d8d6e5; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7.v-pressed, .osbp-cxo .os-cash-register .os-color-7 .v-button.v-pressed { |
| color: #e3e2ec !important; |
| background: #958cc7 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp-cxo .os-cash-register .os-color-7 .v-button.os-pushed { |
| background: #584e95; |
| color: #272241; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp-cxo .os-cash-register .os-color-7 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8, .osbp-cxo .os-cash-register .os-color-8 .v-button { |
| background: #4caf6a; |
| border-color: #4caf6a; |
| color: #d2e4d7; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8.v-pressed, .osbp-cxo .os-cash-register .os-color-8 .v-button.v-pressed { |
| color: #233929 !important; |
| background: #81c796 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp-cxo .os-cash-register .os-color-8 .v-button.os-pushed { |
| background: #40945a; |
| color: #1a3b24; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp-cxo .os-cash-register .os-color-8 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9, .osbp-cxo .os-cash-register .os-color-9 .v-button { |
| background: #99df58; |
| border-color: #99df58; |
| color: #2b3e19; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9.v-pressed, .osbp-cxo .os-cash-register .os-color-9 .v-button.v-pressed { |
| color: #334a1e !important; |
| background: #b7e88a !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp-cxo .os-cash-register .os-color-9 .v-button.os-pushed { |
| background: #82bd4a; |
| color: #436324; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp-cxo .os-cash-register .os-color-9 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10, .osbp-cxo .os-cash-register .os-color-10 .v-button { |
| background: #ededed; |
| border-color: #ededed; |
| color: #424242; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10.v-pressed, .osbp-cxo .os-cash-register .os-color-10 .v-button.v-pressed { |
| color: #444444 !important; |
| background: #f2f2f2 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp-cxo .os-cash-register .os-color-10 .v-button.os-pushed { |
| background: #c9c9c9; |
| color: #898989; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp-cxo .os-cash-register .os-color-10 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11, .osbp-cxo .os-cash-register .os-color-11 .v-button { |
| background: #a1a1a1; |
| border-color: #a1a1a1; |
| color: #2d2d2d; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11.v-pressed, .osbp-cxo .os-cash-register .os-color-11 .v-button.v-pressed { |
| color: #353535 !important; |
| background: #bdbdbd !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp-cxo .os-cash-register .os-color-11 .v-button.os-pushed { |
| background: #888888; |
| color: #484848; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp-cxo .os-cash-register .os-color-11 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12, .osbp-cxo .os-cash-register .os-color-12 .v-button { |
| background: #545454; |
| border-color: #545454; |
| color: #cfcfcf; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12.v-pressed, .osbp-cxo .os-cash-register .os-color-12 .v-button.v-pressed { |
| color: #dddddd !important; |
| background: #878787 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp-cxo .os-cash-register .os-color-12 .v-button.os-pushed { |
| background: #474747; |
| color: #878787; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp-cxo .os-cash-register .os-color-12 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13, .osbp-cxo .os-cash-register .os-color-13 .v-button { |
| background: white; |
| border-color: white; |
| color: #474747; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13.v-pressed, .osbp-cxo .os-cash-register .os-color-13 .v-button.v-pressed { |
| color: !important; |
| background: white !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp-cxo .os-cash-register .os-color-13 .v-button.os-pushed { |
| background: #d8d8d8; |
| color: #989898; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp-cxo .os-cash-register .os-color-13 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14, .osbp-cxo .os-cash-register .os-color-14 .v-button { |
| background: #2364aa; |
| border-color: #2364aa; |
| color: #c2d4e6; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14.v-pressed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14.v-pressed, .osbp-cxo .os-cash-register .os-color-14 .v-button.v-pressed { |
| color: #d9e1e9 !important; |
| background: #6592c3 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp-cxo .os-cash-register .os-color-14 .v-button.os-pushed { |
| background: #1d5590; |
| color: #081626; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp-cxo .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp-cxo .os-cash-register .os-color-14 .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-with-image .v-button { |
| background: #cc5353; |
| border-color: #cc5353; |
| color: #ebd5d5; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-with-image .v-button.v-pressed { |
| color: #432020 !important; |
| background: #db8686 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-with-image .v-button.os-pushed { |
| background: #ad4646; |
| color: #522121; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-with-image .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { |
| font-size: 32px; |
| height: 64px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-datefield.v-disabled, .osbp-cxo .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield { |
| background-color: transparent; |
| opacity: 0.75; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textarea { |
| font-size: 32px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textarea.v-disabled, .osbp-cxo .os-cash-register .v-textarea.v-disabled > .v-textfield { |
| background-color: transparent; |
| opacity: 0.75; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textarea.os-monospace { |
| font-size: 16px; |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions { |
| height: 63px; |
| width: 64px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| float: right; |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions:before { |
| font-family: FontAwesome; |
| font-size: 35px; |
| line-height: 64px; |
| content: "\f08d" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions.selected { |
| background: transparent; |
| border: 0px; |
| float: none; |
| float: right; |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before { |
| font-family: FontAwesome; |
| font-size: 35px; |
| line-height: 64px; |
| content: "\f002" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { |
| width: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox > .v-datefield { |
| width: 202px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { |
| width: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox > .v-datefield { |
| width: 202px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-half.v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.v-datefield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox { |
| width: 128px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield { |
| width: 64px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-single.v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.v-datefield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox { |
| width: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield { |
| width: 202px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-double.v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.v-datefield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox { |
| width: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield { |
| width: 478px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-triple.v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.v-datefield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox { |
| width: 818px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield { |
| width: 754px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-quad.v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.v-datefield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox { |
| width: 1094px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield { |
| width: 1030px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-single { |
| width: 128px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-single img.v-icon { |
| max-width: 126px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-odd { |
| width: 197px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-odd img.v-icon { |
| max-width: 190px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-double { |
| width: 266px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-double img.v-icon { |
| max-width: 254px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-triple { |
| width: 404px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-triple img.v-icon { |
| max-width: 382px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-quad { |
| width: 542px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-h-quad img.v-icon { |
| max-width: 510px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-single { |
| height: 59px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-single img.v-icon { |
| max-height: 62px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-double { |
| height: 128px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-double img.v-icon { |
| max-height: 126px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-triple { |
| height: 197px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-triple img.v-icon { |
| max-height: 190px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-quad { |
| height: 266px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .v-button.os-span-v-quad img.v-icon { |
| max-height: 254px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-half .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .v-datefield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox { |
| width: 128px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield { |
| width: 64px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-single { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-single .v-button { |
| width: 128px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-single .v-button img.v-icon { |
| max-width: 126px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-single .v-table-header-wrap { |
| width: 404px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-single.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-single.v-widget { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-odd { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-odd .v-button { |
| width: 197px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-odd > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-odd .v-button img.v-icon { |
| max-width: 190px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-double .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .v-datefield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox { |
| width: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield { |
| width: 478px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-double .v-textarea, .osbp-cxo .os-cash-register .os-field-h-double.v-textarea { |
| width: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-double .v-table-header-wrap { |
| width: 818px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-double.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-double.v-widget { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-double { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-double .v-button { |
| width: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-double .v-button img.v-icon { |
| max-width: 254px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-triple .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .v-datefield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox { |
| width: 818px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield { |
| width: 754px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-triple .v-textarea, .osbp-cxo .os-cash-register .os-field-h-triple.v-textarea { |
| width: 818px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap { |
| width: 1242px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-triple.v-widget { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-triple { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-triple .v-button { |
| width: 404px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-triple .v-button img.v-icon { |
| max-width: 382px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-quad .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .v-datefield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox { |
| width: 1094px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield { |
| width: 1030px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-h-quad .v-textarea, .osbp-cxo .os-cash-register .os-field-h-quad.v-textarea { |
| width: 1094px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap { |
| width: 1676px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp-cxo .os-cash-register .v-table.os-span-h-quad.v-widget { |
| width: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-quad { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-h-quad .v-button { |
| width: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-h-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-h-quad .v-button img.v-icon { |
| max-width: 510px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-single .v-textarea, .osbp-cxo .os-cash-register .os-field-v-single.v-textarea { |
| height: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable { |
| height: 228px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-single.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-single.v-table.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable { |
| height: 162px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-single .v-button { |
| height: 59px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-single .v-button img.v-icon { |
| max-height: 62px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex .v-button { |
| height: 59px; |
| font-size: 30px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon { |
| max-height: 62px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex.v-button { |
| height: 59px !important; |
| font-size: 30px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon { |
| max-height: 62px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-double .v-textarea, .osbp-cxo .os-cash-register .os-field-v-double.v-textarea { |
| height: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea { |
| height: 542px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable { |
| height: 504px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-double.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-double.v-table.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable { |
| height: 438px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-double .v-button { |
| height: 128px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-double .v-button img.v-icon { |
| max-height: 126px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex .v-button { |
| height: 128px; |
| font-size: 69px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon { |
| max-height: 126px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex.v-button { |
| height: 128px !important; |
| font-size: 69px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon { |
| max-height: 126px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-triple .v-textarea, .osbp-cxo .os-cash-register .os-field-v-triple.v-textarea { |
| height: 818px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea { |
| height: 818px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable { |
| height: 780px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-triple.v-table.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable { |
| height: 714px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-triple .v-button { |
| height: 197px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-triple .v-button img.v-icon { |
| max-height: 190px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex .v-button { |
| height: 197px; |
| font-size: 138px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon { |
| max-height: 190px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex.v-button { |
| height: 197px !important; |
| font-size: 138px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon { |
| max-height: 190px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-quad .v-textarea, .osbp-cxo .os-cash-register .os-field-v-quad.v-textarea { |
| height: 1094px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp-cxo .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea { |
| height: 1094px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable { |
| height: 1056px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp-cxo .os-cash-register .os-span-v-quad.v-table.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable { |
| height: 990px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp-cxo .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget { |
| height: auto !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad { |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-quad .v-button { |
| height: 266px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-quad .v-button img.v-icon { |
| max-height: 254px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex .v-button { |
| height: 266px; |
| font-size: 207px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon { |
| max-height: 254px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex.v-button { |
| height: 266px !important; |
| font-size: 207px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon { |
| max-height: 254px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-textfield, .osbp-cxo .os-cash-register .os-cash-total .v-caption, .osbp-cxo .os-cash-register .os-cash-xl .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .v-caption { |
| font-weight: bold; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-captiontext, .osbp-cxo .os-cash-register .os-cash-xl .v-captiontext { |
| font-weight: normal; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-formlayout > table, .osbp-cxo .os-cash-register .os-cash-xl .v-formlayout > table { |
| width: 100%; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .v-textfield { |
| font-size: 48px !important; |
| height: 96px !important; |
| text-align: right; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp-cxo .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption { |
| height: 95px !important; |
| line-height: 96px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp-cxo .os-cash-register .os-cash-xl .os-span-h-half .v-textfield { |
| width: 133px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-button, .osbp-cxo .os-cash-register .os-cash-xl .v-button { |
| background: #4caf6a; |
| border-color: #4caf6a; |
| color: #d2e4d7; |
| margin: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-button.v-pressed, .osbp-cxo .os-cash-register .os-cash-xl .v-button.v-pressed { |
| color: #233929 !important; |
| background: #81c796 !important; |
| border-color: rgba(255, 255, 255, 0.8); |
| border-left-color: rgba(0, 0, 0, 0.5); |
| border-top-color: rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px -2px -2px rgba(255, 255, 255, 0.8), inset 0px 2px 2px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-button.os-pushed, .osbp-cxo .os-cash-register .os-cash-xl .v-button.os-pushed { |
| background: #40945a; |
| color: #1a3b24; |
| -webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5); |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-button:hover, .osbp-cxo .os-cash-register .os-cash-xl .v-button:hover { |
| background: #ffd210; |
| border-color: #ffd210; |
| color: #3e350e; |
| } |
| |
| .osbp-cxo .os-cash-register .os-cash-total .v-button.v-disabled, .osbp-cxo .os-cash-register .os-cash-xl .v-button.v-disabled { |
| background: transparent; |
| } |
| |
| .osbp-cxo .os-cash-register .v-caption-on-top > .v-caption { |
| height: 48px; |
| padding-top: 16px; |
| padding-bottom: 0px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-caption, .osbp-cxo .os-cash-register .v-captiontext, .osbp-cxo .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext { |
| font-size: 24px; |
| line-height: 47px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-formlayout .v-caption, .osbp-cxo .os-cash-register .v-formlayout .v-captiontext { |
| font-size: 32px; |
| line-height: 63px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-table-header-wrap, .osbp-cxo .os-cash-register .v-table-caption-container, .osbp-cxo .os-cash-register .v-table-sort-indicator, .osbp-cxo .os-cash-register .v-table-resizer { |
| height: 38px; |
| font-size: 24px; |
| } |
| |
| .osbp-cxo .os-cash-register .v-table-cell-content { |
| height: 48px; |
| font-size: 24px; |
| } |
| |
| .osbp-cxo .os-cash-register .os-monospace { |
| font-family: monospace; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-top { |
| margin-top: 69px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-left { |
| margin-left: 69px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-right { |
| margin-right: 69px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-bottom { |
| margin-bottom: 69px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-top-double { |
| margin-top: 138px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-left-double { |
| margin-left: 138px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-right-double { |
| margin-right: 138px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-bottom-double { |
| margin-bottom: 138px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-top-triple { |
| margin-top: 207px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-left-triple { |
| margin-left: 207px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-right-triple { |
| margin-right: 207px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-bottom-triple { |
| margin-bottom: 207px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-top-quad { |
| margin-top: 276px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-left-quad { |
| margin-left: 276px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-right-quad { |
| margin-right: 276px !important; |
| } |
| |
| .osbp-cxo .os-cash-register .os-spacer-bottom-quad { |
| margin-bottom: 276px !important; |
| } |
| |
| .osbp-cxo .v-caption-initialization-progress .v-captiontext { |
| font-size: 13.6px !important; |
| color: #474747 !important; |
| } |
| |
| .osbp-cxo h1[class^="v-Notification"] { |
| font-size: 22.4px; |
| background: none; |
| border: none; |
| } |
| |
| .osbp-cxo .v-ddabsolutelayout-drag-shadow, .osbp-cxo .v-ddcsslayout-drag-shadow { |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| background-position: 0; |
| background-image: none !important; |
| -moz-border-radius: 4px; |
| -webkit-border-radius: 4px; |
| border-radius: 4px; |
| vertical-align: bottom; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over { |
| -moz-border-radius: 4px; |
| -webkit-border-radius: 4px; |
| border-radius: 4px; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over-middle, .osbp-cxo .v-ddorderedlayout-over-center { |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-left { |
| border-left: 2px solid #1d9dff; |
| margin-right: -2px; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left { |
| border-left: 6px solid #1d9dff; |
| padding-left: 0px !important; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-right { |
| border-right: 2px solid #1d9dff; |
| margin-left: -2px; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-top { |
| border-top: 2px solid #1d9dff; |
| margin-bottom: -2px; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top { |
| border-top: 7px solid #1d9dff; |
| padding-top: 0px !important; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over.v-ddorderedlayout-over-bottom { |
| border-bottom: 2px solid #1d9dff; |
| margin-top: -2px; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-right + div { |
| border-left: 6px solid #1d9dff; |
| padding-left: 0px !important; |
| } |
| |
| .osbp-cxo .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-bottom + div { |
| border-top: 7px solid #1d9dff; |
| padding-top: 0px !important; |
| } |
| |
| .osbp-cxo .v-horizontallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left { |
| border-left: 2px solid #1d9dff; |
| margin-right: -2px; |
| } |
| |
| .osbp-cxo .v-verticallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top { |
| border-top: 2px solid #1d9dff; |
| margin-bottom: -2px; |
| } |
| |
| .osbp-cxo .v-ddgridlayout-over-middle, .osbp-cxo .v-ddgridlayout-over-center { |
| -moz-border-radius: 4px; |
| -webkit-border-radius: 4px; |
| border-radius: 4px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-ddgridlayout-over-left { |
| background-color: transparent; |
| border-left: 2px solid #1d9dff; |
| margin-right: -2px; |
| } |
| |
| .osbp-cxo .v-ddgridlayout-over-right { |
| background-color: transparent; |
| border-right: 2px solid #1d9dff; |
| margin-left: -2px; |
| } |
| |
| .osbp-cxo .v-ddgridlayout-over-top { |
| background-color: transparent; |
| border-top: 2px solid #1d9dff; |
| margin-bottom: -2px; |
| } |
| |
| .osbp-cxo .v-ddgridlayout-over-bottom { |
| background-color: transparent; |
| border-bottom: 2px solid #1d9dff; |
| margin-top: -2px; |
| } |
| |
| .osbp-cxo .v-ddgridlayout-drag-shadow { |
| position: absolute; |
| } |
| |
| .osbp-cxo .v-ddsplitpanel-over { |
| -moz-border-radius: 4px; |
| -webkit-border-radius: 4px; |
| border-radius: 4px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-ddsplitpanel-over-splitter { |
| border: 1px solid #a9d1ff; |
| border: 1px solid rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-tabsheet-tabs .v-tabsheet-spacertd .new-tab { |
| background: none; |
| -moz-border-radius: 2px; |
| -webkit-border-radius: 2px; |
| border-radius: 2px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| width: 48px; |
| height: 23px; |
| padding: 9px 8px 0 6px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabs .new-tab-left { |
| border-left: 2px solid #1d9dff; |
| margin-right: -1px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabs .new-tab-right { |
| border-right: 2px solid #1d9dff; |
| margin-left: -1px; |
| } |
| |
| .osbp-cxo .v-tabsheet-tabs .new-tab-center { |
| border-top: 2px solid #1d9dff; |
| margin-bottom: -2px; |
| } |
| |
| .osbp-cxo .v-tabsheet.v-dd-active-drag-source { |
| opacity: 1; |
| } |
| |
| .osbp-cxo .v-accordion-item.dd-over, .osbp-cxo .v-accordion-item-caption .v-caption.dd-over { |
| background: none; |
| -moz-border-radius: 2px; |
| -webkit-border-radius: 2px; |
| border-radius: 2px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-accordion .spacer { |
| background-color: #1d9dff; |
| height: 2px; |
| width: 100%; |
| position: relative; |
| } |
| |
| .osbp-cxo .v-ddformlayout-over { |
| -moz-border-radius: 4px; |
| -webkit-border-radius: 4px; |
| border-radius: 4px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-ddformlayout-over-top .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-top .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-top .v-formlayout-contentcell { |
| border-top: 2px solid #1d9dff; |
| padding-top: 6px !important; |
| } |
| |
| .osbp-cxo .v-ddformlayout-over-middle .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-middle .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-middle .v-formlayout-contentcell { |
| background: none; |
| -moz-border-radius: 2px; |
| -webkit-border-radius: 2px; |
| border-radius: 2px; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-captioncell, .osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-errorcell, .osbp-cxo .v-ddformlayout-over-bottom .v-formlayout-contentcell { |
| border-bottom: 2px solid #1d9dff; |
| padding-top: 6px !important; |
| } |
| |
| .osbp-cxo .v-drag-element .v-filterselect-input { |
| float: left; |
| padding: 4px 0px 4px 2px; |
| border: none; |
| height: 16px; |
| background-position: 0% -499px; |
| -moz-border-radius: 0; |
| -webkit-border-radius: 0; |
| border-radius: 0; |
| font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; |
| font-size: 12px; |
| line-height: normal; |
| background: transparent repeat-x; |
| background-image: url(../themes/reindeer/common/img/vertical-sprites.png); |
| -background-image: url(../themes/reindeer/common/img/vertical-sprites-ie6.png); |
| background-position: left -499px; |
| } |
| |
| .osbp-cxo .v-drag-element .v-filterselect-button { |
| font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; |
| font-size: 12px; |
| line-height: normal; |
| } |
| |
| .osbp-cxo .v-drag-element .v-textfield { |
| padding: 3px 3px 4px; |
| color: #222; |
| font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; |
| font-size: 12px; |
| line-height: normal; |
| } |
| |
| .osbp-cxo .v-drag-element input.v-textfield-small { |
| font-size: 11px; |
| line-height: normal; |
| height: auto; |
| padding: 2px; |
| } |
| |
| .osbp-cxo .v-drag-element .v-textarea { |
| padding: 3px 3px 4px; |
| color: #222222; |
| font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; |
| font-size: 12px; |
| line-height: normal; |
| } |
| |
| .osbp-cxo .v-drag-element textarea.v-textarea-small { |
| font-size: 11px; |
| } |
| |
| .osbp-cxo .v-dragdrop-iframe-cover { |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
| filter: alpha(opacity=0); |
| -moz-opacity: 0; |
| -webkit-opacity: 0; |
| -khtml-opacity: 0; |
| opacity: 0; |
| background-color: #a9d1ff; |
| background-color: rgba(169, 209, 255, 0.6); |
| } |
| |
| .osbp-cxo .v-dd-active-drag-source { |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; |
| filter: alpha(opacity=20); |
| -moz-opacity: 0.2; |
| -webkit-opacity: 0.2; |
| -khtml-opacity: 0.2; |
| opacity: 0.2; |
| } |
| |
| .osbp-cxo .v-absolutelayout .o-alignmentLine { |
| background-color: green; |
| } |
| |
| .osbp-cxo .o-absolutelayout { |
| snap: 7; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .resizing { |
| overflow: visible; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .drag-overlay { |
| border: 1px solid red; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .tlc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .trc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .brc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .blc, .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le { |
| background-color: transparent; |
| display: block; |
| overflow: visible; |
| position: absolute; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .div.unused { |
| cursor: default !important; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te { |
| cursor: ns-resize; |
| top: 0; |
| left: 0; |
| right: 0; |
| z-index: 6; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re { |
| cursor: ew-resize; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le { |
| cursor: ew-resize; |
| top: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 5; |
| } |
| |
| .osbp-cxo .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be { |
| cursor: ns-resize; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 6; |
| } |
| |
| .osbp-cxo .osbee-designer-active-selection { |
| border-radius: 3px !important; |
| border: 2px solid blue !important; |
| } |
| |
| .osbp-cxo .o-designer-active .l-control { |
| border: 1px solid #d4d4d4; |
| border-color: lightblue; |
| } |
| |
| .osbp-cxo .o-designer-active .l-control .v-gridlayout-slot { |
| border: 1px solid #d4d4d4; |
| border-color: lightpink; |
| } |
| |
| .osbp-cxo .o-designer-overlay .popupContent { |
| height: 36px; |
| width: 100%; |
| display: block; |
| background-color: #545454; |
| border-radius: 3px; |
| border: 2px solid #545454; |
| } |
| |
| .osbp-cxo .o-designer-overlay .popupContent > div { |
| height: 100%; |
| } |
| |
| .osbp-cxo .o-designer-overlayed { |
| border-radius: 3px !important; |
| border: 2px solid blue !important; |
| } |
| |
| .osbp-cxo .o-designer-overlay .o-alignment-widget { |
| position: relative; |
| width: 30px; |
| height: 30px; |
| background-color: #cfcfcf; |
| float: left; |
| padding: 3px; |
| margin-right: 3px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .alignment { |
| display: block; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| height: 30px; |
| width: 30px; |
| position: absolute; |
| z-index: 10; |
| } |
| |
| .osbp-cxo .o-alignment-widget .alignment .singles { |
| position: absolute; |
| top: 0px; |
| left: 0px; |
| bottom: 0px; |
| cursor: pointer; |
| height: 22px; |
| width: 22px; |
| overflow: hidden; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .topleft, .osbp-cxo .o-alignment-widget .singles .topcenter, .osbp-cxo .o-alignment-widget .singles .topright, .osbp-cxo .o-alignment-widget .singles .middleleft, .osbp-cxo .o-alignment-widget .singles .middlecenter, .osbp-cxo .o-alignment-widget .singles .middleright, .osbp-cxo .o-alignment-widget .singles .bottomleft, .osbp-cxo .o-alignment-widget .singles .bottomcenter, .osbp-cxo .o-alignment-widget .singles .bottomright { |
| background-color: #545454; |
| height: 6px; |
| width: 6px; |
| display: block; |
| overflow: visible; |
| position: absolute; |
| z-index: 30; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .o-selected { |
| background-color: #ffd210; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .topleft { |
| top: 0px; |
| left: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .topcenter { |
| top: 0px; |
| left: 0px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .topright { |
| top: 0px; |
| right: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .middleleft { |
| top: 0px; |
| left: 0px; |
| margin-top: 8px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .middlecenter { |
| top: 0px; |
| margin-top: 8px; |
| left: 0px; |
| margin-left: 8px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .middleright { |
| top: 0px; |
| margin-top: 8px; |
| right: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .bottomleft { |
| bottom: 0px; |
| left: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .bottomcenter { |
| bottom: 0px; |
| margin-left: 8px; |
| left: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .singles .bottomright { |
| bottom: 0px; |
| right: 0px; |
| } |
| |
| .osbp-cxo .o-alignment-widget .alignment .hfill { |
| position: absolute; |
| bottom: 0px; |
| left: 0px; |
| width: 22px; |
| height: 6px; |
| background-color: #545454; |
| } |
| |
| .osbp-cxo .o-alignment-widget .alignment .vfill { |
| position: absolute; |
| top: 0px; |
| left: 24px; |
| width: 6px; |
| height: 22px; |
| background-color: #545454; |
| } |
| |
| .osbp-cxo .o-alignment-widget .alignment .vfill .o-selected, .osbp-cxo .o-alignment-widget .alignment .hfill .o-selected { |
| background-color: #ffd210 !important; |
| } |
| |
| .osbp-cxo .o-designer-overlay .o-button-widget { |
| position: relative; |
| overflow: hidden; |
| cursor: pointer; |
| background-color: #545454; |
| background-repeat: no-repeat; |
| background-position: center; |
| } |
| |
| .osbp-cxo .o-designer-overlay .v-image { |
| position: relative; |
| overflow: hidden; |
| cursor: pointer; |
| height: 16px; |
| float: left; |
| padding: 14px; |
| padding-top: 11px; |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchEditable { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchEditable:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e771" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-designer-overlay .removeChild { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .removeChild:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e80b" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-designer-overlay .addChild { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .addChild:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e801" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-designer-overlay .openProperties { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .openProperties:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e6cf" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchMargin { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchMargin:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e65b" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchSpacing { |
| padding-top: 11px; |
| background: transparent; |
| border: 0px; |
| float: none; |
| color: #cfcfcf; |
| } |
| |
| .osbp-cxo .o-designer-overlay .switchSpacing:before { |
| font-family: Vaadin-Icons; |
| font-size: 16px; |
| line-height: 16px; |
| content: "\e665" !important; |
| text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| } |