html.moxis-login-html, body.moxis-login { overflow: hidden; height: 100%; width: 100%; position: absolute; margin: 0px; padding: 0px; } html.moxis-login-html, body.moxis-login, button, input { font: 300 16px/1.55 "Open Sans", sans-serif; } @media all and (max-width: 850px) { .moxis-login .container-right { display: none !important; } .moxis-login .left-outer-container { width: 100% !important; } } @media all and (max-width: 350px) { .moxis-login .container { width: 100% !important; } .moxis-login .left-outer-container { width: 100% !important; } .moxis-login .container-left { width: 100% !important; } .moxis-login .login-block { width: 100% !important; } .moxis-login .login-window { width: 100% !important; } .moxis-login .container-right { display: none; } .moxis-login .loginfield { width: 100% !important; } .moxis-login .input-loginfield { box-sizing: border-box !important; width: 100% !important; margin: 5px 0px 15px !important; } .moxis-login .login-window button { width: 100% !important; margin-left: 0px !important; } .moxis-login form { padding-left: 3px !important; padding-right: 3px !important; } } @media all and (max-height: 420px) { .moxis-login .moxis-image { display: none; } } @media all and (max-height: 600px) { .moxis-login .footer { display: none; } } /** * 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 */ /** * 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: "Vaadin-Icons"; src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot); src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.woff) format("woff"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.ttf) format("truetype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.svg#icomoon) format("svg"); } .Vaadin-Icons { font-family: "Vaadin-Icons"; } @font-face { font-family: ThemeIcons; font-weight: normal; font-style: normal; src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot); src: url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/themeicons-webfont/themeicons-webfont.svg#ThemeIcons) format("svg"); } .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/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot); src: url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../valo/fonts/fontawesome-webfont/fontawesome-webfont.svg#FontAwesome) format("svg"); } .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; } @font-face { font-family: "Open Sans"; src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot); src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot); src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Open Sans"; src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot); src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf) format("truetype"); font-weight: 600; font-style: normal; } @-webkit-keyframes v-rotate-360 { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes v-rotate-360 { to { -moz-transform: rotate(360deg); } } @-o-keyframes v-rotate-360 { to { -o-transform: rotate(360deg); } } @keyframes v-rotate-360 { to { transform: rotate(360deg); } } @-webkit-keyframes v-progress-start { 0% { width: 0%; } 100% { width: 50%; } } @-moz-keyframes v-progress-start { 0% { width: 0%; } 100% { width: 50%; } } @keyframes v-progress-start { 0% { width: 0%; } 100% { width: 50%; } } @-webkit-keyframes v-progress-delay { 0% { width: 50%; } 100% { width: 90%; } } @-moz-keyframes v-progress-delay { 0% { width: 50%; } 100% { width: 90%; } } @keyframes v-progress-delay { 0% { width: 50%; } 100% { width: 90%; } } @-webkit-keyframes v-progress-wait { 0% { width: 90%; height: 4px; } 3% { width: 91%; height: 7px; } 100% { width: 96%; height: 7px; } } @-moz-keyframes v-progress-wait { 0% { width: 90%; height: 4px; } 3% { width: 91%; height: 7px; } 100% { width: 96%; height: 7px; } } @keyframes v-progress-wait { 0% { width: 90%; height: 4px; } 3% { width: 91%; height: 7px; } 100% { width: 96%; height: 7px; } } @-webkit-keyframes v-progress-wait-pulse { 0% { opacity: 1; } 50% { opacity: 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 */ /** * 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: -37px; } } @-moz-keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @-webkit-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @-moz-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 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 */ /** * * @group table */ @-webkit-keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @-moz-keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @-webkit-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @-moz-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } /** * * @group table */ @-webkit-keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @-moz-keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @keyframes valo-grid-editor-footer-animate-in { 0% { margin-top: -37px; } } @-webkit-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @-moz-keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } @keyframes valo-grid-editor-footer-animate-in-alt { 0% { margin-bottom: -38px; } 100% { margin-bottom: -1px; } } /** * * * @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 */ /** * @group valo-menu */ .v-vaadin-version:after { content: "8.5.2"; } .v-widget { 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, .v-assistive-device-only-label label { 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 { 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; box-sizing: border-box; } .v-tabsheet-content { position: relative; } .v-tabsheet-content > div > .v-scrollable > .v-margin-top { padding-top: 12px; } .v-tabsheet-content > div > .v-scrollable > .v-margin-right { padding-right: 12px; } .v-tabsheet-content > div > .v-scrollable > .v-margin-bottom { padding-bottom: 12px; } .v-tabsheet-content > div > .v-scrollable > .v-margin-left { padding-left: 12px; } .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 { 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; } .v-checkbox-hideExternalCaptions label { font-size: 0px; } @media all and (min-width: 1360px) { .c-x-m-c-menu-toggle { display: none !important; } .c-x-m-c-menu-s-menu > div::after { content: false; z-index: 2; position: absolute; bottom: 5px; left: 15px; font-size: 0.9rem; color: #262626; } .c-x-m-c-menu-s-menu { animation: none !important; background-color: #FFF !important; overflow: hidden !important; position: absolute !important; left: 0px !important; width: 300px !important; top: 0px !important; padding-top: 5px !important; bottom: 0 !important; z-index: 3 !important; } .c-x-m-c-menu-content { left: 300px !important; } .dashboard-panel .c-x-m-c-menu-content { left: 0px !important; } .dashboard-panel .c-x-m-c-menu-s-menu { display: none; } } @media all and (min-width: 640px) and (max-width: 1359px) { .open-toggle:not(.c-x-m-c-menu--closed) .c-x-m-c-menu-s-menu > div::after { content: false; z-index: 2; position: absolute; bottom: 5px; left: 15px; font-size: 0.9rem; color: #262626; } .c-x-m-c-menu-top-item .v-button-caption { display: none; } .c-x-m-c-menu-s-menu { animation: none !important; z-index: 11 !important; box-shadow: 3px 0px 4px -4px gray; } .c-x-m-c-menu--closed .c-x-m-c-menu-s-menu { box-shadow: none !important; } .c-x-m-c-menu-content { left: 0px !important; } } @media all and (max-width: 350px) { .c-x-m-c-menu-header::before { display: none !important; } } @media all and (max-width: 639px) { .open-toggle:not(.c-x-m-c-menu--closed) .c-x-m-c-menu-s-menu > div::after { content: false; z-index: 2; position: absolute; bottom: 5px; left: 15px; font-size: 0.9rem; color: #262626; } .fullWidthSmall { width: 100% !important; } .c-x-m-c-menu-top-item .v-button-caption { display: none; } .c-x-m-approval-visualization-profile-editor-external-window { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: auto !important; height: auto !important; } .c-x-m-approval-visualization-profile-editor-external-window .v-csslayout .v-verticallayout { padding: 0px !important; margin: 0px !important; } .c-x-m-approval-visualization-profile-editor-external-window .v-csslayout img.v-image { width: 98% !important; } .v-button-c-x-m-c-menu-top-item { padding: 0 8px !important; } .c-x-m-c-menu-header { background: none !important; } .c-x-m-c-menu-header::before { content: " "; opacity: 1; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background-image: url("../moxis/img/moxis-small-x.png"); background-position: center center; background-repeat: no-repeat; } .c-x-m-c-menu-toggle { padding: 1px !important; } .c-x-m-c-menu-top-multi-item:not(.v-menubar-submenu):not(.languageItems) .v-menubar-menuitem { padding: 1px !important; } .c-x-m-c-menu-top-multi-item:not(.v-menubar-submenu):not(.languageItems) .v-menubar-menuitem-caption { font-size: 0pt; position: relative; left: 5px; bottom: 5px; } .c-x-m-c-menu-top-multi-item:not(.v-menubar-submenu):not(.languageItems) .v-menubar-menuitem-caption:after { font-size: 8px !important; } .c-x-m-c-menu-s-menu { animation: none !important; z-index: 11 !important; width: 100% !important; box-shadow: 3px 0px 4px -4px gray; } .c-x-m-c-menu--closed .c-x-m-c-menu-s-menu { box-shadow: none !important; display: none !important; } .c-x-m-c-menu-content { left: 0px !important; } } .v-touch .hideActions .action { visibility: visible !important; } .adminUiLoggingTable { margin-top: 10px; margin-bottom: 10px; } .adminUiLoggingAddAdmin { margin-right: 5px !important; } .saveNewMoxisUserDuringJobButton { margin-top: 10px; } @media all and (max-width: 640px) { .v-label-dashboard-caption { font-size: 1.2em !important; } .v-label-dashboard-subcaption { font-size: 1em !important; } } .v-touch .hideNoTouch { display: inherit !important; } .v-menubar-stackAction { position: relative; text-align: center; white-space: nowrap; outline: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; cursor: default; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; text-align: left; line-height: 35px; } .v-menubar-stackAction:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .v-menubar-stackAction.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .v-menubar-stackAction.v-disabled:after { display: none; } .v-menubar-stackAction:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .v-menubar-stackAction:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .v-menubar-stackAction > .v-menubar-menuitem { padding: 0 14px; } .v-menubar-stackAction > .v-menubar-menuitem[class*="-icon-only"] { width: 37px; } .v-menubar-stackAction:active:after { background: transparent; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem { position: relative; z-index: 1; display: inline-block; box-sizing: border-box; height: 37px; padding: 0 15px; color: inherit; font-weight: 400; cursor: pointer; border-radius: 0; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; 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; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:first-child { border-left-width: 0; border-radius: 2px 0 0 2px; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:last-child { border-radius: 0 2px 2px 0; border-right-width: 0; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:first-child:last-child { border-radius: 2px; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:hover { zoom: 1; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:hover:before { background-color: rgba(191, 191, 191, 0.1); border: none; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem:active:before { background-color: rgba(128, 128, 128, 0.2); } .v-menubar-stackAction > .v-menubar-stackAction-menuitem .v-icon { margin: 0 4px 0 -4px; cursor: inherit; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem[class*="-icon-only"] { width: 37px; padding: 0; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem[class*="-icon-only"] .v-icon { margin: 0; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem-checked { -webkit-box-shadow: none; box-shadow: none; background-color: #f2f2f2; background-image: -webkit-linear-gradient(bottom, #f2f2f2 2%, #f0f0f0 98%); background-image: linear-gradient(to top,#f2f2f2 2%, #f0f0f0 98%); color: #181818; } .v-disabled > .v-menubar-stackAction-menuitem, .v-menubar-stackAction > .v-menubar-stackAction-menuitem-disabled { cursor: default; } .v-disabled > .v-menubar-stackAction-menuitem:before, .v-menubar-stackAction > .v-menubar-stackAction-menuitem-disabled:before { display: none; } .v-menubar-stackAction-menuitem-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem-selected { color: #f9f2eb; border-radius: 0; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-top-width: 0; border-left-width: 0; border-bottom-width: 0; z-index: 2; } .v-menubar-stackAction > .v-menubar-stackAction-menuitem-selected:hover:before { background: none; } .v-menubar-stackAction .v-menubar-stackAction-submenu-indicator { display: none; } .v-menubar-stackAction .v-menubar-stackAction-submenu-indicator + .v-menubar-stackAction-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; } .v-menubar-stackAction .v-menubar-stackAction-submenu-indicator + .v-menubar-stackAction-menuitem-caption:empty:after { margin-left: -0.2em; } .v-menubar-stackAction-popup { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; padding: 4px 4px; margin: 5px 0 0 1px !important; } .v-menubar-stackAction-popup .v-menubar-stackAction-submenu { outline: none; } .v-menubar-stackAction-popup .v-menubar-stackAction-menuitem { display: block; cursor: pointer; line-height: 27px; padding: 0 20px 0 10px; border-radius: 2px; font-weight: 400; white-space: nowrap; position: relative; padding-left: 32px; padding-right: 37px; position: relative; } .v-menubar-stackAction-popup .v-menubar-stackAction-menuitem:active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #b35500; opacity: 0.15; filter: alpha(opacity=15.0) ; pointer-events: none; border-radius: inherit; } .v-menubar-stackAction-popup .v-menubar-stackAction-menuitem .v-icon { max-height: 27px; margin-right: 5px; min-width: 1em; } .v-menubar-stackAction-popup .v-menubar-stackAction-submenu-indicator { display: none; } .v-menubar-stackAction-popup .v-menubar-stackAction-submenu-indicator + .v-menubar-stackAction-menuitem-caption:after { position: absolute; right: 10px; font-family: ThemeIcons; content: "\f054"; line-height: 29px; } .v-menubar-stackAction-popup .v-menubar-stackAction-menuitem-selected { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .v-menubar-stackAction-popup .v-menubar-stackAction-separator { display: block; margin: 4px 0; height: 0; overflow: hidden; border-bottom: 1px solid #e8e8e8; } .v-menubar-stackAction-popup [class*="checked"] .v-menubar-stackAction-menuitem-caption:before { content: "\f00c"; font-family: ThemeIcons; position: absolute; left: 10px; } .v-menubar-stackAction-popup [class*="unchecked"] .v-menubar-stackAction-menuitem-caption:before { content: ""; } .v-menubar-stackAction-popup [class*="disabled"] { cursor: default; } @media all and (max-width: 560px) { .m-filter-component .sort-component { position: absolute; top: 40px !important; right: 0px !important; } .moxis-detail-download-button.noTopFix .v-button-caption { display: none !important; } } @media all and (max-width: 799px) { .drawWindow { width: 100% !important; } .m-stack-layout .hideSmall { display: none !important; } .m-stack-layout .moxis-default-button .v-button-caption { display: none !important; } .m-stack-layout .moxis-default-button .v-button-wrap:BEFORE { font-family: FontAwesome; content: "\f0e2"; } } @media all and (max-width: 1023px) { body:not(.v-ios) .m-filter-component .filter-layout.moxis-display-open { left: 0px !important; position: fixed !important; top: 0px !important; bottom: 0px !important; overflow: auto; right: 0px !important; border-radius: 0px !important; z-index: 999 !important; } body:not(.v-ios) .m-filter-component .filter-layout.moxis-display-open .v-slot { width: 100% !important; } body:not(.v-ios) .m-filter-component .filter-layout.moxis-display-open .displayToggleContent { position: relative !important; } body:not(.v-ios) .m-filter-component .filter-layout.moxis-display-open .v-widget:not(.displayToggle):not(.displayToggleContent) { width: 100% !important; } body.v-ios .m-filter-component .filter-layout.moxis-display-open { left: 0px !important; position: fixed !important; top: 60px !important; bottom: 0px !important; overflow: auto; right: 0px !important; border-radius: 0px !important; z-index: 999 !important; } body.v-ios .m-filter-component .filter-layout.moxis-display-open .v-slot { width: 100% !important; } body.v-ios .m-filter-component .filter-layout.moxis-display-open .displayToggleContent { position: relative !important; } body.v-ios .m-filter-component .filter-layout.moxis-display-open .v-widget:not(.displayToggle):not(.displayToggleContent) { width: 100% !important; } } @keyframes upload-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes indet { from { background-position: 0; } to { background-position: 0px -30px; } } @font-face { font-family: "FontAwesomeProLight"; font-style: normal; font-weight: 300; src: url(../c-x-m-c-menu/./webfonts/fa-light-300.eot); src: url(../c-x-m-c-menu/./webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../c-x-m-c-menu/./webfonts/fa-light-300.woff2) format("woff2"), url(../c-x-m-c-menu/./webfonts/fa-light-300.woff) format("woff"), url(../c-x-m-c-menu/./webfonts/fa-light-300.ttf) format("truetype"), url(../c-x-m-c-menu/./webfonts/fa-light-300.svg#fontawesome) format("svg"); } .FontAwesomeProLight { font-family: "FontAwesomeProLight"; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; } .overflow-auto { overflow: auto !important; } .overflow-auto .v-slot { margin-top: -2px; } .remove-padding { padding: 0 !important; } .min-height-400 { min-height: 400px; } .max-width-600 { max-width: 600px; } .max-width-400 { max-width: 400px; } .min-height-600 { min-height: 600px; } .overflow-auto { overflow: auto !important; } .overflow-auto .v-slot { margin-top: -2px; } .remove-padding { padding: 0 !important; } .min-height-400 { min-height: 400px; } .max-width-600 { max-width: 600px; } .max-width-400 { max-width: 400px; } .min-height-600 { min-height: 600px; } a { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; } a:hover { color: #ff9433; } .v-touch .v-app .std-details-window { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; } .v-touch .moxis-std-component .actions { visibility: visible !important; } .v-edge .hideEdge { display: none !important; } .accessibility .moxis-std-component .actions { visibility: visible !important; } .accessibility .moxis-std-component .accessibilityActions { display: block !important; } .v-touch .accessibility .accessibilityActions { display: none !important; } .std-details-main .v-formlayout.light > table > tbody > tr > td { height: auto !important; } .std-details-main .v-formlayout.light > table > tbody > [class*="firstrow"] > [class*="captioncell"] { display: none !important; } .std-details-main .v-formlayout.light > table > tbody > [class*="firstrow"] > [class*="contentcell"] > .v-label-h2 { line-height: 55px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell { padding-top: 0px !important; } .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] { padding-top: 0px !important; margin-top: -5px; } .std-details-main .v-formlayout.light > table > tbody > [class*="firstrow"] > [class*="contentcell"] { height: 35px; } .moxis-details-form { min-width: 0px !important; width: 100% !important; } .std-details-main .v-formlayout-captioncell { border: none !important; padding-left: 0px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td { display: block !important; text-align: left !important; height: 30px; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell { padding-top: 3px !important; position: relative; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label { text-align: left !important; white-space: normal !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-errorcell { display: none !important; } .std-details-content > .v-panel > .v-panel-content > .v-verticallayout { min-height: 100%; } .accessibility .moxis-std-task-component .moxis-std-task-actions { opacity: 1; } .moxis-change-timeout { position: relative; top: -8px; left: -43px; } .moxis-change-timeout .v-datefield-button { color: #ff7900 !important; position: absolute; right: 20px !important; } .moxis-std-task-component { width: 100%; height: 125px; margin: 0px 0px 0px 0px !important; padding-left: 6px !important; background-color: #FFF; border-bottom: 1px solid #d9d9d9; position: relative; overflow: hidden; display: inline-block; transition: 0.5s; } .moxis-std-task-component .menuButton { position: absolute !important; bottom: 2px; left: 32px; height: 24px !important; margin: 2px; opacity: 0; transition: 0.5s; } .moxis-std-task-component .detailsButton { position: absolute !important; bottom: 2px; height: 24px !important; left: 3px; margin: 2px; opacity: 0; transition: 0.5s; } .moxis-std-task-component .stackButton { position: absolute !important; bottom: 2px; left: 63px; height: 24px !important; margin: 2px; opacity: 0; transition: 0.5s; } .moxis-std-task-component .std-task-container { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .moxis-std-task-component .std-task-container:after { width: 0px; float: right; content: " "; height: 100%; } .moxis-std-task-component .userBadge { position: absolute; left: 10px; top: 10px; } .moxis-std-task-component .userBadge img { width: 30px; height: 30px; } .moxis-std-task-component .std-navigation { position: absolute; bottom: 0px; left: 10px; } .moxis-std-task-component .std-navigation .v-button { position: absolute; left: 0px; bottom: 0px; opacity: 0; } .moxis-std-task-component .std-navigation .v-button:FOCUS { opacity: 1; outline: none; } .moxis-std-task-component .moxis-std-task-actions { position: absolute; bottom: 4px; right: 10px; opacity: 0; transition: 0.5s; } .moxis-std-task-component:hover { background-color: #f7f7f7; cursor: pointer; } .moxis-std-task-component:hover .moxis-std-task-actions { opacity: 1; transition: 0.5s; } .moxis-std-task-component.focussed { background-color: #f7f7f7; cursor: pointer; transition: 0.5s; } .moxis-std-task-component.focussed .moxis-std-task-actions { opacity: 1; transition: 0.5s; } .moxis-std-task-component.focussed .menuButton { opacity: 1; transition: 0.5s; } .moxis-std-task-component.focussed .detailsButton { opacity: 1; transition: 0.5s; } .moxis-std-task-component.focussed .stackButton { opacity: 1; transition: 0.5s; } .moxis-std-task-component:hover .stack-edit-box .edit { display: block; } .moxis-std-task-component:hover .stack-check-box .deselect { display: none; } .moxis-std-task-component:hover .stack-check-box .select { display: block; } .moxis-std-task-component:hover .bubble { display: none; } .std-task-documents { width: 800px; height: 240px; margin-top: 18px; margin-botom: 10px; margin-left: 60px; } .std-task-documents .owner { font-size: 18px; max-width: 350px !important; display: block; overflow: hidden; height: 22px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .std-task-documents .description-label { height: 22px; margin-left: 5px; width: 425px !important; font-size: 18px; overflow: hidden; color: #838B78; display: inline-block; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; } .std-task-documents .moxis-document { width: 170px; margin-left: 2px; margin-right: 2px; overflow: hidden; } .std-task-documents .moxis-document .v-button-caption { width: 120px; overflow: hidden; white-space: nowrap; display: inline-block; margin-bottom: -4px; text-overflow: ellipsis; height: 18px; } .std-task-documents .ellipsis { font-size: 18px; margin-left: 5px; line-height: 45px; } .std-task-documents .v-csslayout-documents { display: block !important; } .moxis-document.v-button-icon-align-right .v-icon { margin-top: 1px !important; } .addExternalApproverLayout { display: flex; align-items: center; } .addExternalApproverLayout .externalApproverLayoutLabel { flex-grow: 1; } .addExternalApprovalNameButtonLayout { padding-bottom: 5px; } .addExternalApprovalNameSaveButton { margin-top: 5px; margin-right: 5px; } .addExternalApprovalNameCancelButton { margin-top: 5px; } .std-task-iteration { width: 250px; margin-top: 10px; float: right; } .std-task-iteration .v-label { margin-bottom: 8px; } .std-task-history { width: 250px; margin-top: 10px; margin-left: 25px; float: right; } .std-task-history .v-label { margin-bottom: 8px; width: 310px; overflow: hidden; height: 22px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; } .std-task-additionalInfo { width: 200px; margin-top: 10px; margin-left: 25px; float: right; } .std-task-additionalInfo .v-label { margin-bottom: 8px; } .std-task-processInfo { width: 200px; margin-top: 10px; margin-left: 25px; float: right; } .std-task-processInfo .v-label { margin-bottom: 8px; } .std-task-processInfo .v-table-row:first-child .moxis-std-task-component { border-top: none; } @media all and (max-width: 639px) { .signing-window-popup { width: 90vw !important; height: 90vh !important; left: 5vw !important; top: 5vh !important; } } @media all and (min-width: 320px) and (max-width: 639px) { .v-label-download-Button-Label { max-width: 80px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label { margin-top: 3px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label.stdFolderViewEdit-Caption { margin-top: 15px !important; } .moxis-std-component .documentArea { width: 100% !important; } .moxis-std-component .documentArea .description { display: none !important; } .moxis-std-component .documentArea .downloads { bottom: 46px !important; } .moxis-std-component .documentArea .downloads .download p { width: 45px !important; } .history { display: none !important; } .iterationData { display: none !important; } .jobData { display: none !important; } } @media all and (min-width: 640px) and (max-width: 799px) { .v-label-download-Button-Label { max-width: 120px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label { margin-top: 3px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label.stdFolderViewEdit-Caption { margin-top: 15px !important; } .moxis-std-component .documentArea { width: 55% !important; } .moxis-std-component .documentArea .download p { width: 60px !important; } .moxis-std-component .actions { padding: 3px; } .moxis-std-component .actions a { padding: 5px 9px !important; } .moxis-std-component .history { display: none !important; } .moxis-std-component .iterationData { width: 22% !important; } .moxis-std-component .jobData { width: 23% !important; } } @media all and (min-width: 800px) and (max-width: 1023px) { .v-label-download-Button-Label { max-width: 300px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label { margin-top: 3px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label.stdFolderViewEdit-Caption { margin-top: 15px !important; } .moxis-std-component .documentArea { width: 55% !important; } .moxis-std-component .history { display: none !important; } .moxis-std-component .iterationData { width: 22% !important; } .moxis-std-component .jobData { width: 23% !important; } } @media all and (min-width: 1024px) and (max-width: 1359px) { .v-label-download-Button-Label { max-width: 400px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label { margin-top: 3px !important; } .std-details-main [class*="spacing"] > tbody > [class*="row"] > td.v-formlayout-contentcell .v-label.stdFolderViewEdit-Caption { margin-top: 15px !important; } .moxis-std-component .documentArea { width: 50% !important; } .moxis-std-component .history { width: 20% !important; } .moxis-std-component .iterationData { width: 15% !important; } .moxis-std-component .jobData { width: 15% !important; } } @media all and (max-width: 1359px) { .signing-folder-caption, .job-folder-caption { margin-left: 10px !important; margin-top: 10px !important; } .std-details-main .v-formlayout.light > table > tbody > [class*="firstrow"] > [class*="contentcell"] > .v-label-h2 { font-size: 1.2em !important; } .std-details-window .moxis-details-form { font-size: 0.9em; padding-top: 20px !important; } .std-details-window .moxis-detail-style .v-captiontext { font-size: 0.9em !important; } .std-details-window .moxis-details-form .v-caption { font-size: 15px !important; white-space: normal; } .std-details-window .moxis-display-open .displayToggle { position: absolute; top: 4px; left: 4px; background-color: white; } .std-details-window .moxis-display-open.std-details-main .std-details-document { position: absolute; left: 0px; padding: 15px; right: 0px; width: 100% !important; height: 100% !important; top: 0px; bottom: 0px; display: inline-block; } .std-details-window .moxis-display-open.std-details-main .std-details-content { background: #FFF; padding: 15px; width: 100% !important; height: 100% !important; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: inline-block; } .std-details-window .moxis-display-closed .displayToggle { position: absolute; top: 41px; left: 3px; } .std-details-window .moxis-display-closed .displayToggle .v-button { height: 31px; font-size: 20px; padding: 0px 5px !important; } .std-details-window .moxis-display-closed.std-details-main { position: relative !important; } .std-details-window .moxis-display-closed.std-details-main .std-details-document { position: absolute; left: 0px; right: 0px; width: 100% !important; height: 100% !important; top: 0px; bottom: 0px; display: inline-block; } .std-details-window .moxis-display-closed.std-details-main .std-details-content { display: none; } } .moxis .std-details-window.moxis-external-detail-window.v-window { bottom: 0 !important; } @media all and (min-width: 1360px) { .v-label-download-Button-Label { max-width: 500px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .displayToggle { display: none; } .DocumentViewActionContainer { display: none !important; } .moxis-std-component .documentArea { width: 50% !important; } .moxis-std-component .history { width: 20% !important; } .moxis-std-component .iterationData { width: 15% !important; } .moxis-std-component .jobData { width: 15% !important; } } .v-touch .editorWindow { width: 100% !important; height: 100% !important; } .std-iteration-bottom-margin { margin-bottom: 1em !important; } .create-remark-component-layout { margin-top: 0.5rem; } .create-remark-component-layout .v-label-bold { margin-left: 0.2rem; margin-bottom: 0.3rem; } @media all and (min-width: 592px) { .v-slot-nextIterationMenuBar { width: 100% !important; } .v-menubar-submenu-v-menubar.nextIterationMenuBar { width: 592px !important; } } @media all and (max-width: 591px) { .v-slot-nextIterationMenuBar { width: 100vw !important; } .v-menubar-submenu-v-menubar.nextIterationMenuBar { width: 98vw !important; } } @media all and (min-width: 320px) and (max-width: 639px) { .create-process-container { width: 100% !important; } } @media all and (max-width: 540px) { .placeholderContainerCaptionText { display: none; } } @media all and (max-width: 1023px) { .PdfEditorPlaceholderContainer { height: 150px !important; width: auto !important; right: 1px !important; bottom: auto !important; left: 0px !important; overflow: auto !important; white-space: nowrap; } .pdfEditorCbContainer { position: relative; left: 0px; top: 0px; display: inline-block; height: 26px; vertical-align: middle; } .PdfEditorViewContainer { top: 150px !important; left: 1px !important; right: 0px !important; bottom: 1px !important; } .placeholderTemplate { margin: auto auto; } .PdfEditorCloseButton { left: 4px; } .placeholderHeader { display: inline-block !important; width: 190px; } } .moxis { @-webkit-keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } } .moxis .variableGridContainer { overflow-y: auto; max-width: 1100px; height: 500px; } .moxis .v-app-loading:lang(en)::after { content: "Loading XiTrust MOXIS" !important; } .moxis .v-app-loading:lang(de)::after { content: "XiTrust MOXIS wird geladen" !important; } .moxis.v-app, .moxis.v-app-loading { font: 300 16px/1.55 "Open Sans", sans-serif; color: #434343; background-color: #EEE; cursor: default; } .moxis .v-app-loading { width: 100%; height: 100%; background: #EEE; } .moxis .v-app-loading:before { content: ""; position: fixed; z-index: 100; top: 45%; left: 50%; width: 28px; height: 28px; padding: 9px; margin-top: -24px; margin-left: -24px; background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%; border-radius: 3px; } .moxis .v-app-loading:after { position: fixed; z-index: 100; top: 45%; padding-top: 47px; text-align: center; left: 0; right: 0; content: "XiTrust MOXIS"; } .moxis .v-loading-indicator { position: fixed !important; z-index: 99999; left: 0; right: auto; top: 0; width: 50%; opacity: 1; height: 4px; background-color: #ff7900; 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; } .moxis .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; } .moxis .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 .moxis .v-loading-indicator-delay { width: 50%; } .moxis .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 .moxis .v-loading-indicator-wait { width: 90%; } .moxis .v-scrollable:focus { outline: none; } .moxis img.v-icon { vertical-align: middle; } .moxis .v-caption { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; } .moxis .v-caption-on-left .v-caption, .moxis .v-caption-on-right .v-caption { padding-top: 0; padding-bottom: 0; } .moxis .v-icon + .v-captiontext, .moxis .v-icon + span { margin-left: 7px; } .moxis .v-icon + .v-captiontext:empty, .moxis .v-icon + span:empty { margin-left: 0; } .moxis .v-errorindicator { color: #d94560; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator:before { content: "!"; } .moxis .v-errorindicator-info { color: #00a7f5; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator-info:before { content: "!"; } .moxis .v-errorindicator-warning { color: #fc9c00; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator-warning:before { content: "!"; } .moxis .v-errorindicator-error { color: #ed473b; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator-error:before { content: "!"; } .moxis .v-errorindicator-critical { color: #fa007d; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator-critical:before { content: "!"; } .moxis .v-errorindicator-system { color: #bb00ff; font-weight: 600; width: 19px; text-align: center; } .moxis .v-errorindicator-system:before { content: "!"; } .moxis .v-required-field-indicator { color: #d94560; padding: 0 0.2em; } .moxis select { font: inherit; font-weight: 400; line-height: inherit; padding: 5px; margin: 0; border-radius: 3px; border: 1px solid #d1d1d1; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); color: #474747; } .moxis select:focus { outline: none; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-disabled { cursor: default !important; } .moxis .v-drag-element { background: #EEE; color: #434343; -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: 3px; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-draggable { -moz-user-select: none !important; -ms-user-select: none !important; -webkit-user-select: none !important; user-select: none !important; } .moxis .v-tooltip { background-color: rgba(51, 51, 51, 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: 5px 9px; border-radius: 2px; max-width: 35em; overflow: hidden !important; font-size: 14px; } .moxis .v-tooltip div[style*="width"] { width: auto !important; } .moxis .v-tooltip .v-errormessage { background-color: white; background-color: #fff; color: #d94560; margin: -5px -9px; padding: 5px 9px; max-height: 10em; overflow: auto; font-weight: 400; } .moxis .v-tooltip .v-errormessage h2:only-child { font: inherit; line-height: inherit; } .moxis .v-tooltip .v-errormessage-info { color: #00a7f5; } .moxis .v-tooltip .v-errormessage-warning { color: #fc9c00; } .moxis .v-tooltip .v-errormessage-error { color: #ed473b; } .moxis .v-tooltip .v-errormessage-critical { color: #fa007d; } .moxis .v-tooltip .v-errormessage-system { color: #bb00ff; } .moxis .v-tooltip .v-tooltip-text { max-height: 10em; overflow: auto; margin-top: 10px; } .moxis .v-tooltip .v-tooltip-text pre { margin: 0px; } .moxis .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text { margin-top: 0; } .moxis .v-tooltip h1, .moxis .v-tooltip h2, .moxis .v-tooltip h3, .moxis .v-tooltip h4 { color: inherit; } .moxis .v-tooltip pre.v-tooltip-pre { font: inherit; white-space: pre-wrap; } .moxis .v-contextmenu { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; padding: 4px 4px; } .moxis .v-contextmenu table { border-spacing: 0; } .moxis .v-contextmenu .gwt-MenuItem { cursor: pointer; line-height: 27px; padding: 0 20px 0 10px; border-radius: 2px; font-weight: 400; white-space: nowrap; position: relative; display: block; } .moxis .v-contextmenu .gwt-MenuItem:active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #b35500; opacity: 0.15; filter: alpha(opacity=15.0) ; pointer-events: none; border-radius: inherit; } .moxis .v-contextmenu .gwt-MenuItem .v-icon { max-height: 27px; margin-right: 5px; min-width: 1em; } .moxis .v-contextmenu .gwt-MenuItem-selected { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-reconnect-dialog { color: white; top: 12px; right: 12px; 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: 12px 15px; background-color: #444; background-color: rgba(68, 68, 68, 0.9); line-height: 22px; text-align: center; } .moxis .v-reconnect-dialog .text { display: inline-block; padding-left: 10px; } .moxis .v-reconnect-dialog .spinner { height: 24px !important; width: 24px !important; box-sizing: border-box; border: 2px solid rgba(255, 121, 0, 0.2); border-top-color: #ff7900; border-right-color: #ff7900; 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; } .moxis .v-reconnect-dialog.active .spinner { display: inline-block; } .moxis .v-absolutelayout-wrapper { position: absolute; } .moxis .v-absolutelayout-margin, .moxis .v-absolutelayout-canvas { box-sizing: border-box; } .moxis .v-absolutelayout.v-has-height > div, .moxis .v-absolutelayout.v-has-height .v-absolutelayout-margin { height: 100%; } .moxis .v-absolutelayout.v-has-height > div, .moxis .v-absolutelayout.v-has-width .v-absolutelayout-margin { width: 100%; } .moxis .v-margin-top { padding-top: 37px; } .moxis .v-margin-right { padding-right: 37px; } .moxis .v-margin-bottom { padding-bottom: 37px; } .moxis .v-margin-left { padding-left: 37px; } .moxis .v-spacing { width: 12px; height: 12px; } .moxis .v-verticallayout-well, .moxis .v-horizontallayout-well { background: #fafafa; color: #464646; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; border-radius: 3px; border: 1px solid #d1d1d1; } .moxis .v-verticallayout-well > div > [class*="-caption"], .moxis .v-horizontallayout-well > div > [class*="-caption"] { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-verticallayout-well > .v-margin-top, .moxis .v-horizontallayout-well > .v-margin-top { padding-top: 12px; } .moxis .v-verticallayout-well > .v-margin-right, .moxis .v-horizontallayout-well > .v-margin-right { padding-right: 12px; } .moxis .v-verticallayout-well > .v-margin-bottom, .moxis .v-horizontallayout-well > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-verticallayout-well > .v-margin-left, .moxis .v-horizontallayout-well > .v-margin-left { padding-left: 12px; } .moxis .v-verticallayout-card, .moxis .v-horizontallayout-card { background: #fbfbfb; color: #464646; border-radius: 3px; border: 1px solid #d0d0d0; } .moxis .v-verticallayout-card > .v-margin-top, .moxis .v-horizontallayout-card > .v-margin-top { padding-top: 12px; } .moxis .v-verticallayout-card > .v-margin-right, .moxis .v-horizontallayout-card > .v-margin-right { padding-right: 12px; } .moxis .v-verticallayout-card > .v-margin-bottom, .moxis .v-horizontallayout-card > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-verticallayout-card > .v-margin-left, .moxis .v-horizontallayout-card > .v-margin-left { padding-left: 12px; } .moxis .v-horizontallayout-wrapping { white-space: normal !important; } .moxis .v-horizontallayout-wrapping > .v-spacing + .v-slot, .moxis .v-horizontallayout-wrapping > .v-slot:first-child { margin-bottom: 12px; } .moxis .v-horizontallayout-wrapping > .v-slot:first-child:last-child { margin-bottom: 0; } .moxis .v-button { position: relative; text-align: center; white-space: nowrap; outline: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-button:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .moxis .v-button > div { vertical-align: middle; } .v-sa .moxis .v-button:before { height: 110%; } .v-ff .moxis .v-button:before { height: 107%; } .v-ie .moxis .v-button:before { margin-top: 4px; } .moxis .v-button:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-button.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-button.v-disabled:after { display: none; } .moxis .v-button:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-button:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-button:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-button-primary { height: 37px; padding: 0 16px; color: #f9f2eb; font-weight: 400; border-radius: 3px; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); padding: 0 19px; font-weight: bold; min-width: 81px; } .moxis .v-button-primary:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-primary:hover:after { background-color: rgba(255, 161, 76, 0.1); } .moxis .v-button-primary:focus:after { border: inherit; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-button-primary:active:after { background-color: rgba(128, 60, 0, 0.2); } .moxis .v-button-friendly { height: 37px; padding: 0 16px; color: #f9f2eb; font-weight: 400; border-radius: 3px; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-button-friendly:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-friendly:hover:after { background-color: rgba(255, 161, 76, 0.1); } .moxis .v-button-friendly:focus:after { border: inherit; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-button-friendly:active:after { background-color: rgba(128, 60, 0, 0.2); } .moxis .v-button-danger { height: 37px; padding: 0 16px; color: #f8f0f1; font-weight: 400; border-radius: 3px; border: 1px solid #b1384e; border-top-color: #b23a50; border-bottom-color: #ad354a; background-color: #d94560; background-image: -webkit-linear-gradient(top, #da4762 2%, #d3415b 98%); background-image: linear-gradient(to bottom,#da4762 2%, #d3415b 98%); -webkit-box-shadow: inset 0 1px 0 #dd7586; box-shadow: inset 0 1px 0 #dd7586; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-button-danger:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-danger:hover:after { background-color: rgba(230, 133, 150, 0.1); } .moxis .v-button-danger:focus:after { border: inherit; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-button-danger:active:after { background-color: rgba(135, 8, 31, 0.2); } .moxis .v-button-borderless { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; } .moxis .v-button-borderless:hover:after { background: transparent; } .moxis .v-button-borderless:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .v-button-borderless:active:not(.v-disabled):after { background: transparent; } .moxis .v-button-borderless-colored { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: #ff7900; } .moxis .v-button-borderless-colored:hover { color: #ff9433; } .moxis .v-button-borderless-colored:hover:after { background: transparent; } .moxis .v-button-borderless-colored:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .v-button-borderless-colored:active:not(.v-disabled):after { background: transparent; } .moxis .v-button-quiet { visibility: hidden; } .moxis .v-button-quiet:focus, .moxis .v-button-quiet:hover { visibility: visible; } .moxis .v-button-quiet [class*="wrap"] { visibility: visible; } .moxis .v-button-quiet [class*="caption"] { display: inline-block; } .moxis .v-button-link { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; } .moxis .v-button-link:hover:after { background: transparent; } .moxis .v-button-link:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .v-button-link:active:not(.v-disabled):after { background: transparent; } .moxis .v-button-link:hover { color: #ff9433; } .moxis .v-button-link.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-button-tiny { height: 28px; padding: 0 13px; font-size: 12px; border-radius: 3px; } .moxis .v-button-tiny:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-small { height: 31px; padding: 0 14px; font-size: 14px; border-radius: 3px; } .moxis .v-button-small:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-large { height: 44px; padding: 0 19px; font-size: 20px; border-radius: 3px; } .moxis .v-button-large:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-huge { height: 59px; padding: 0 26px; font-size: 26px; border-radius: 3px; } .moxis .v-button-huge:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-icon-align-right [class*="wrap"] { display: inline-block; } .moxis .v-button-icon-align-right .v-icon { float: right; margin-left: 13px; } .moxis .v-button-icon-align-right .v-icon + span:not(:empty) { margin-left: 0; } .moxis .v-button-icon-align-top { height: auto; padding-top: 5px; padding-bottom: 5px; } .moxis .v-button-icon-align-top [class*="wrap"] { display: inline-block; } .moxis .v-button-icon-align-top .v-icon { display: block; margin-left: auto; margin-right: auto; } .moxis .v-button-icon-align-top .v-icon + span:not(:empty) { margin-top: 7px; margin-left: 0; } .moxis .v-button-icon-only { width: 37px; padding: 0; } .moxis .v-button-icon-only.v-button-tiny { width: 28px; } .moxis .v-button-icon-only.v-button-small { width: 31px; } .moxis .v-button-icon-only.v-button-large { width: 44px; } .moxis .v-button-icon-only.v-button-huge { width: 59px; } .moxis .v-button-icon-only .v-button-caption { display: none; } .moxis .v-checkbox { position: relative; line-height: 19px; white-space: nowrap; } .moxis .v-checkbox.v-has-width label { white-space: normal; } :root .moxis .v-checkbox { padding-left: 25px; } :root .moxis .v-checkbox label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .v-checkbox > input { position: absolute; clip: rect(0, 0, 0, 0); left: 0.2em; top: 0.2em; z-index: 0; margin: 0; } :root .moxis .v-checkbox > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-checkbox > input ~ label:before, :root .moxis .v-checkbox > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 19px; height: 19px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 13px; text-align: center; } :root .moxis .v-checkbox > input ~ label:before { height: 18.5px; padding: 0 9px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 19px; } :root .moxis .v-checkbox > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-checkbox > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-checkbox > input:checked ~ label:after { color: #ff7900; } .moxis .v-checkbox > .v-icon, .moxis .v-checkbox > label .v-icon { margin: 0 6px 0 3px; min-width: 1em; cursor: pointer; } .moxis .v-checkbox.v-disabled > label, .moxis .v-checkbox.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-checkbox.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-checkbox.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-checkbox.v-readonly > label, .moxis .v-checkbox.v-readonly > .v-icon { cursor: default; } .moxis .v-checkbox.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-checkbox.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-checkbox.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-checkbox-small { position: relative; line-height: 16px; white-space: nowrap; font-size: 14px; } .moxis .v-checkbox-small.v-has-width label { white-space: normal; } :root .moxis .v-checkbox-small { padding-left: 21px; } :root .moxis .v-checkbox-small label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .v-checkbox-small > input { position: absolute; clip: rect(0, 0, 0, 0); left: 0.2em; top: 0.2em; z-index: 0; margin: 0; } :root .moxis .v-checkbox-small > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-checkbox-small > input ~ label:before, :root .moxis .v-checkbox-small > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 11px; text-align: center; } :root .moxis .v-checkbox-small > input ~ label:before { height: 15.5px; padding: 0 7px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 16px; } :root .moxis .v-checkbox-small > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-checkbox-small > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-checkbox-small > input:checked ~ label:after { color: #ff7900; } .moxis .v-checkbox-small > .v-icon, .moxis .v-checkbox-small > label .v-icon { margin: 0 5px 0 3px; min-width: 1em; cursor: pointer; } .moxis .v-checkbox-small.v-disabled > label, .moxis .v-checkbox-small.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-checkbox-small.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-checkbox-small.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-checkbox-small.v-readonly > label, .moxis .v-checkbox-small.v-readonly > .v-icon { cursor: default; } .moxis .v-checkbox-small.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-checkbox-small.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-checkbox-small.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-checkbox-large { position: relative; line-height: 22px; white-space: nowrap; font-size: 20px; } .moxis .v-checkbox-large.v-has-width label { white-space: normal; } :root .moxis .v-checkbox-large { padding-left: 29px; } :root .moxis .v-checkbox-large label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .v-checkbox-large > input { position: absolute; clip: rect(0, 0, 0, 0); left: 0.2em; top: 0.2em; z-index: 0; margin: 0; } :root .moxis .v-checkbox-large > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-checkbox-large > input ~ label:before, :root .moxis .v-checkbox-large > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 22px; height: 22px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 15px; text-align: center; } :root .moxis .v-checkbox-large > input ~ label:before { height: 22px; padding: 0 10px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 22px; } :root .moxis .v-checkbox-large > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-checkbox-large > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-checkbox-large > input:checked ~ label:after { color: #ff7900; } .moxis .v-checkbox-large > .v-icon, .moxis .v-checkbox-large > label .v-icon { margin: 0 7px 0 4px; min-width: 1em; cursor: pointer; } .moxis .v-checkbox-large.v-disabled > label, .moxis .v-checkbox-large.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-checkbox-large.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-checkbox-large.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-checkbox-large.v-readonly > label, .moxis .v-checkbox-large.v-readonly > .v-icon { cursor: default; } .moxis .v-checkbox-large.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-checkbox-large.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-checkbox-large.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect { position: relative; width: 185px; height: 37px; border-radius: 3px; white-space: nowrap; } .moxis .v-filterselect [class*="input"] { 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: 37px; border-radius: 3px; padding: 4px 8px; border: 1px solid #c3c3c3; 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); width: 100% !important; height: 100%; padding-right: 38px; border-radius: inherit; } .moxis .v-filterselect [class*="input"].v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect [class*="input"]:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-filterselect [class*="input"][class*="prompt"] { color: #a3a3a3; } .moxis .v-filterselect .v-icon + [class*="input"] { padding-left: 37px; } .moxis .v-filterselect img.v-icon { max-height: 37px; margin-left: 8px; } .moxis .v-filterselect span.v-icon { color: #474747; width: 37px; line-height: 1; padding-top: 0.12em; margin-left: 8px; } .moxis .v-filterselect[class*="prompt"] > [class*="input"] { color: #a3a3a3; } .moxis .v-filterselect [class$="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; position: absolute; width: 37px; top: 1px; right: 1px; bottom: 1px; border-left: 1px solid #e8e8e8; color: #a3a3a3; border-radius: 0 2px 2px 0; } .moxis .v-filterselect [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; position: absolute; width: 37px; text-align: center; top: 50%; line-height: 1; margin-top: -0.47em; } .moxis .v-filterselect [class$="button"]:hover:before { color: #474747; } .moxis .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); } .moxis .v-filterselect.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect.v-disabled [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect.v-disabled [class$="button"]:active:after { display: none; } .moxis .v-filterselect.v-readonly [class*="input"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect.v-readonly [class*="input"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-filterselect.v-readonly [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect.v-readonly [class$="button"]:active:after { display: none; } .moxis .v-filterselect .v-icon { position: absolute; pointer-events: none; } .moxis .v-filterselect .v-icon.FontAwesome { margin-left: 0px; } .moxis .v-filterselect-error .v-filterselect-input { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-filterselect-error .v-filterselect-button { color: #d94560; border-color: #d94560; } .moxis .v-filterselect-error-info .v-filterselect-input { border-color: #00a7f5 !important; background: #fafdff; color: #195774; } .moxis .v-filterselect-error-info .v-filterselect-button { color: #00a7f5; border-color: #00a7f5; } .moxis .v-filterselect-error-warning .v-filterselect-input { border-color: #fc9c00 !important; background: #fffdfa; color: #745119; } .moxis .v-filterselect-error-warning .v-filterselect-button { color: #fc9c00; border-color: #fc9c00; } .moxis .v-filterselect-error-error .v-filterselect-input { border-color: #ed473b !important; background: #fffbfb; color: #6c2621; } .moxis .v-filterselect-error-error .v-filterselect-button { color: #ed473b; border-color: #ed473b; } .moxis .v-filterselect-error-critical .v-filterselect-input { border-color: #fa007d !important; background: #fffafc; color: #741947; } .moxis .v-filterselect-error-critical .v-filterselect-button { color: #fa007d; border-color: #fa007d; } .moxis .v-filterselect-error-system .v-filterselect-input { border-color: #bb00ff !important; background: #fefaff; color: #5c1974; } .moxis .v-filterselect-error-system .v-filterselect-button { color: #bb00ff; border-color: #bb00ff; } .moxis .v-filterselect-suggestpopup { margin-top: 5px !important; } .moxis .v-filterselect-suggestpopup [class$="suggestmenu"] { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; padding: 4px 4px; box-sizing: content-box; position: relative; z-index: 1; display: block; } .moxis .v-filterselect-suggestpopup table, .moxis .v-filterselect-suggestpopup tbody, .moxis .v-filterselect-suggestpopup tr, .moxis .v-filterselect-suggestpopup td { display: block; width: 100%; overflow-y: hidden; float: left; clear: both; } .moxis .v-filterselect-suggestpopup .gwt-MenuItem { cursor: pointer; line-height: 27px; padding: 0 20px 0 10px; border-radius: 2px; font-weight: 400; white-space: nowrap; position: relative; height: 27px; box-sizing: border-box; text-overflow: ellipsis; overflow-x: hidden; } .moxis .v-filterselect-suggestpopup .gwt-MenuItem:active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #b35500; opacity: 0.15; filter: alpha(opacity=15.0) ; pointer-events: none; border-radius: inherit; } .moxis .v-filterselect-suggestpopup .gwt-MenuItem .v-icon { max-height: 27px; margin-right: 5px; min-width: 1em; } .moxis .v-filterselect-suggestpopup .gwt-MenuItem-selected { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-filterselect-suggestpopup [class$="status"] { position: absolute; right: 3px; background: rgba(217, 217, 217, 0.9); color: #3d3d3d; border-radius: 0 0 3px 3px; height: 23px; bottom: -23px; font-size: 12px; line-height: 23px; padding: 0 6px; cursor: default; pointer-events: none; } .moxis .v-filterselect-suggestpopup [class$="status"] > * { color: #3d3d3d; text-decoration: none; } .moxis .v-filterselect-suggestpopup div[class*="page"] { position: absolute; z-index: 3; right: 0; opacity: 0.2; filter: alpha(opacity=20) ; cursor: pointer; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; width: 25px; height: 25px; line-height: 25px; text-align: center; font-family: 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: #474747; } .moxis .v-filterselect-suggestpopup div[class*="page"]:after { content: ""; position: absolute; display: block; border-radius: 50%; } .moxis .v-filterselect-suggestpopup div[class*="page"]:hover { opacity: 1; filter: none ; background: rgba(255, 255, 255, 0.5); } .moxis .v-filterselect-suggestpopup div[class*="page"]:hover:after { top: -10px; bottom: -10px; left: -20px; right: -20px; } .moxis .v-filterselect-suggestpopup div[class*="page"] span { display: none; } .moxis .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); } .moxis .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 3px 0 3px; } .moxis .v-filterselect-suggestpopup div[class*="prev"]:before { content: "\f0d8"; } .moxis .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: 3px 0 3px 0; } .moxis .v-filterselect-suggestpopup div[class*="next"]:before { content: "\f0d7"; } .moxis .v-filterselect-suggestpopup div[class*="-off"] { display: none; } .moxis .v-filterselect-no-input { cursor: pointer; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-filterselect-no-input [class*="input"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); cursor: inherit; -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; text-shadow: inherit; text-overflow: ellipsis; border-radius: inherit; } .moxis .v-filterselect-no-input [class*="input"]:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-filterselect-no-input [class$="button"] { border-left: none !important; } .moxis .v-filterselect-no-input:hover [class$="button"]:before { color: inherit; } .moxis .v-filterselect-borderless .v-filterselect-input { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .moxis .v-filterselect-borderless .v-filterselect-input:focus { -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect-borderless .v-filterselect-input[class*="prompt"] { color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-borderless .v-filterselect-button { border: none; color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input { color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-align-right input { text-align: right; } .moxis .v-filterselect-align-center input { text-align: center; } .moxis .v-filterselect-tiny { height: 28px; font-size: 12px; } .moxis .v-filterselect-tiny [class*="input"] { 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: 28px; padding: 3px 5px; width: 100% !important; height: 100%; padding-right: 29px; border-radius: inherit; } .moxis .v-filterselect-tiny .v-icon + [class*="input"] { padding-left: 28px; } .moxis .v-filterselect-tiny img.v-icon { max-height: 28px; margin-left: 5px; } .moxis .v-filterselect-tiny span.v-icon { width: 28px; line-height: 1; padding-top: 0.12em; margin-left: 5px; } .moxis .v-filterselect-tiny [class$="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; position: absolute; width: 28px; border-radius: 0 3px 3px 0; } .moxis .v-filterselect-tiny [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; position: absolute; width: 28px; text-align: center; top: 50%; line-height: 1; margin-top: -0.47em; } .moxis .v-filterselect-tiny [class$="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-filterselect-tiny.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-tiny.v-disabled [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-tiny.v-disabled [class$="button"]:active:after { display: none; } .moxis .v-filterselect-tiny.v-readonly [class*="input"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect-tiny.v-readonly [class*="input"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-filterselect-tiny.v-readonly [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-tiny.v-readonly [class$="button"]:active:after { display: none; } .moxis .v-filterselect-compact, .moxis .v-filterselect-small { height: 31px; } .moxis .v-filterselect-compact [class*="input"], .moxis .v-filterselect-small [class*="input"] { 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: 31px; padding: 3px 6px; width: 100% !important; height: 100%; padding-right: 32px; border-radius: inherit; } .moxis .v-filterselect-compact .v-icon + [class*="input"], .moxis .v-filterselect-small .v-icon + [class*="input"] { padding-left: 31px; } .moxis .v-filterselect-compact img.v-icon, .moxis .v-filterselect-small img.v-icon { max-height: 31px; margin-left: 6px; } .moxis .v-filterselect-compact span.v-icon, .moxis .v-filterselect-small span.v-icon { width: 31px; line-height: 1; padding-top: 0.12em; margin-left: 6px; } .moxis .v-filterselect-compact [class$="button"], .moxis .v-filterselect-small [class$="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; position: absolute; width: 31px; border-radius: 0 3px 3px 0; } .moxis .v-filterselect-compact [class$="button"]:before, .moxis .v-filterselect-small [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; position: absolute; width: 31px; text-align: center; top: 50%; line-height: 1; margin-top: -0.47em; } .moxis .v-filterselect-compact [class$="button"]:active:after, .moxis .v-filterselect-small [class$="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-filterselect-compact.v-disabled, .moxis .v-filterselect-small.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-compact.v-disabled [class$="button"], .moxis .v-filterselect-small.v-disabled [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-compact.v-disabled [class$="button"]:active:after, .moxis .v-filterselect-small.v-disabled [class$="button"]:active:after { display: none; } .moxis .v-filterselect-compact.v-readonly [class*="input"], .moxis .v-filterselect-small.v-readonly [class*="input"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect-compact.v-readonly [class*="input"]:focus, .moxis .v-filterselect-small.v-readonly [class*="input"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-filterselect-compact.v-readonly [class$="button"], .moxis .v-filterselect-small.v-readonly [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-compact.v-readonly [class$="button"]:active:after, .moxis .v-filterselect-small.v-readonly [class$="button"]:active:after { display: none; } .moxis .v-filterselect-small { font-size: 14px; } .moxis .v-filterselect-large { height: 44px; font-size: 20px; } .moxis .v-filterselect-large [class*="input"] { 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: 44px; padding: 5px 8px; width: 100% !important; height: 100%; padding-right: 45px; border-radius: inherit; } .moxis .v-filterselect-large .v-icon + [class*="input"] { padding-left: 44px; } .moxis .v-filterselect-large img.v-icon { max-height: 44px; margin-left: 8px; } .moxis .v-filterselect-large span.v-icon { width: 44px; line-height: 1; padding-top: 0.12em; margin-left: 8px; } .moxis .v-filterselect-large [class$="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; position: absolute; width: 44px; border-radius: 0 3px 3px 0; } .moxis .v-filterselect-large [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; position: absolute; width: 44px; text-align: center; top: 50%; line-height: 1; margin-top: -0.47em; } .moxis .v-filterselect-large [class$="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-filterselect-large.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-large.v-disabled [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-large.v-disabled [class$="button"]:active:after { display: none; } .moxis .v-filterselect-large.v-readonly [class*="input"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect-large.v-readonly [class*="input"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-filterselect-large.v-readonly [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-large.v-readonly [class$="button"]:active:after { display: none; } .moxis .v-filterselect-huge { height: 59px; font-size: 26px; } .moxis .v-filterselect-huge [class*="input"] { 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: 59px; padding: 7px 10px; width: 100% !important; height: 100%; padding-right: 60px; border-radius: inherit; } .moxis .v-filterselect-huge .v-icon + [class*="input"] { padding-left: 59px; } .moxis .v-filterselect-huge img.v-icon { max-height: 59px; margin-left: 10px; } .moxis .v-filterselect-huge span.v-icon { width: 59px; line-height: 1; padding-top: 0.12em; margin-left: 10px; } .moxis .v-filterselect-huge [class$="button"] { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; position: absolute; width: 59px; border-radius: 0 3px 3px 0; } .moxis .v-filterselect-huge [class$="button"]:before { font-family: ThemeIcons; content: "\f078"; position: absolute; width: 59px; text-align: center; top: 50%; line-height: 1; margin-top: -0.47em; } .moxis .v-filterselect-huge [class$="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-filterselect-huge.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-filterselect-huge.v-disabled [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-huge.v-disabled [class$="button"]:active:after { display: none; } .moxis .v-filterselect-huge.v-readonly [class*="input"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-filterselect-huge.v-readonly [class*="input"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-filterselect-huge.v-readonly [class$="button"] { cursor: default; pointer-events: none; } .moxis .v-filterselect-huge.v-readonly [class$="button"]:active:after { display: none; } .moxis .v-csslayout-well { background: #fafafa; color: #464646; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; border-radius: 3px; border: 1px solid #d1d1d1; } .moxis .v-csslayout-well > div > [class*="-caption"] { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-csslayout-well > .v-margin-top { padding-top: 12px; } .moxis .v-csslayout-well > .v-margin-right { padding-right: 12px; } .moxis .v-csslayout-well > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-csslayout-well > .v-margin-left { padding-left: 12px; } .moxis .v-csslayout-card { background: #fbfbfb; color: #464646; border-radius: 3px; border: 1px solid #d0d0d0; } .moxis .v-csslayout-card > .v-margin-top { padding-top: 12px; } .moxis .v-csslayout-card > .v-margin-right { padding-right: 12px; } .moxis .v-csslayout-card > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-csslayout-card > .v-margin-left { padding-left: 12px; } .moxis .v-csslayout-v-component-group { white-space: nowrap; position: relative; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) { border-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget.v-upload:not(:last-child) .v-button { border-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget.v-upload:last-child .v-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget:first-child, .moxis .v-csslayout-v-component-group .v-caption:first-child + .v-widget { border-top-right-radius: 0; border-bottom-right-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget.v-upload:first-child .v-button, .moxis .v-csslayout-v-component-group .v-caption:first-child + .v-widget.v-upload .v-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first { border-radius: 3px 0 0 3px; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first.v-upload .v-button { border-radius: 3px 0 0 3px; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last { border-radius: 0 3px 3px 0; } .moxis .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last.v-upload .v-button { border-radius: 0 3px 3px 0; } .moxis .v-csslayout-v-component-group .v-widget { vertical-align: middle; margin-left: -1px; } .moxis .v-csslayout-v-component-group .v-widget:first-child { margin-left: 0; } .moxis .v-csslayout-v-component-group .v-widget:focus, .moxis .v-csslayout-v-component-group .v-widget[class*="focus"], .moxis .v-csslayout-v-component-group .v-widget [class*="focus"] { position: relative; z-index: 5; } .moxis .v-form fieldset { border: none; padding: 0; margin: 0; height: 100%; } .moxis .v-form-content { height: 100%; box-sizing: border-box; } .moxis [class*="spacing"] > tbody > [class*="row"] > td { padding-top: 12px; } .moxis [class*="spacing"] > tbody > [class*="firstrow"] > td { padding-top: 0; } .moxis [class*="margin-top"] > tbody > [class*="firstrow"] > td { padding-top: 37px; } .moxis [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { padding-bottom: 37px; } .moxis [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { padding-left: 37px; } .moxis [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .moxis [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { left: 37px; } .moxis [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { padding-right: 37px; } .moxis [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .moxis [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { right: 37px; } .moxis .v-formlayout > table { border-spacing: 0; position: relative; } .moxis .v-formlayout.v-has-width > table, .moxis .v-formlayout.v-has-width .v-formlayout-contentcell { width: 100%; } .moxis .v-formlayout-error-indicator { width: 19px; } .moxis .v-formlayout-captioncell { vertical-align: top; line-height: 36px; } .moxis .v-formlayout-captioncell .v-caption { padding-bottom: 0; } .moxis .v-formlayout-captioncell .v-caption-h2, .moxis .v-formlayout-captioncell .v-caption-h3, .moxis .v-formlayout-captioncell .v-caption-h4 { height: 3em; } .moxis .v-formlayout-contentcell .v-checkbox, .moxis .v-formlayout-contentcell .v-radiobutton { font-weight: 400; } .moxis .v-formlayout-contentcell > .v-label-h2, .moxis .v-formlayout-contentcell > .v-label-h3, .moxis .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 #d8d8d8; } .moxis .v-formlayout.light > table { padding: 0; } .moxis .v-formlayout.light > table > tbody > tr > td { padding-top: 0; height: 37px; border-bottom: 1px solid #e1e1e1; } .moxis .v-formlayout.light > table > tbody > [class*="lastrow"] > td { border-bottom: none; } .moxis .v-formlayout.light > table > tbody > tr > [class*="captioncell"] { color: gray; text-align: right; padding-left: 13px; line-height: 37px; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] { padding-right: 0; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-input, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-textfield { width: 100%; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input, .moxis .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: 37px; border-radius: 0; padding: 4px 7px; -webkit-box-shadow: none; box-shadow: none; background: transparent; border: none; color: inherit; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield.v-disabled, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea.v-disabled, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input.v-disabled, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input.v-disabled, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), none; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), none; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect input:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield input:focus, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea:focus { box-shadow: none; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textfield-prompt, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea-prompt, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-filterselect-prompt input, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-datefield-prompt input { color: #a3a3a3; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-textarea, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-richtextarea { height: auto; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { border-bottom: none; left: 0; right: 0; } .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis .v-formlayout.light > table > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { margin-top: 0; } .moxis .v-formlayout.light .v-richtextarea { margin: 5px 0; } .moxis .v-formlayout.light .v-filterselect-button, .moxis .v-formlayout.light .v-datefield-button { border: none; } .moxis .v-formlayout.light .v-filterselect-button:active:after, .moxis .v-formlayout.light .v-datefield-button:active:after { display: none; } .moxis .v-formlayout.light .v-datefield-button { right: 0; left: auto; } .moxis .v-formlayout.light .v-checkbox { margin-left: 7px; } .moxis .v-grid { position: relative; } .moxis .v-grid-scroller { position: absolute; z-index: 1; outline: none; box-sizing: border-box; } .moxis .v-grid-scroller-horizontal { left: 0; right: 0; bottom: 0; overflow-y: hidden; -ms-overflow-y: hidden; } .moxis .v-grid-scroller-vertical { right: 0; top: 0; bottom: 0; overflow-x: hidden; -ms-overflow-x: hidden; } .moxis .v-grid-tablewrapper { position: absolute; overflow: hidden; box-sizing: border-box; z-index: 5; } .moxis .v-grid-tablewrapper > table { border-spacing: 0; table-layout: fixed; width: inherit; } .moxis .v-grid-header-deco, .moxis .v-grid-footer-deco { position: absolute; right: 0; box-sizing: border-box; } .moxis .v-grid-horizontal-scrollbar-deco { position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; } .moxis .v-grid-header, .moxis .v-grid-body, .moxis .v-grid-footer { position: absolute; left: 0; width: inherit; z-index: 10; } .moxis .v-grid-header, .moxis .v-grid-header-deco { top: 0; } .moxis .v-grid-footer, .moxis .v-grid-footer-deco { bottom: 0; } .moxis .v-grid-body { -ms-touch-action: none; touch-action: none; z-index: 0; top: 0; } .moxis .v-grid-body .v-grid-row { position: absolute; top: 0; left: 0; } .moxis .v-grid-row { display: block; } .moxis .v-grid-row > td, .moxis .v-grid-row > th { background-color: white; } .moxis .v-grid-row { width: inherit; } .moxis .v-grid-cell { display: block; float: left; padding: 2px; white-space: nowrap; box-sizing: border-box; overflow: hidden; font-size: 16px; } .moxis .v-grid-cell.frozen { position: relative; z-index: 1; } .moxis .v-grid-spacer { position: absolute; display: block; background-color: white; } .moxis .v-grid-spacer > td { width: 100%; height: 100%; box-sizing: border-box; } .moxis .v-grid { outline: none; } .moxis .v-grid-scroller-vertical, .moxis .v-grid-scroller-horizontal { border: 1px solid #dadada; } .moxis .v-grid-scroller-vertical { border-left: none; } .moxis .v-grid-scroller-horizontal { border-top: none; } .moxis .v-grid-tablewrapper { border: 1px solid #dadada; } .moxis .v-grid .header-drag-table { border-spacing: 0; position: relative; table-layout: fixed; width: inherit; } .moxis .v-grid .header-drag-table .v-grid-header { position: absolute; } .moxis .v-grid .header-drag-table .v-grid-header > .v-grid-cell { border: 1px solid #dadada; margin-top: -10px; opacity: 0.9; filter: alpha(opacity=90); z-index: 30000; } .moxis .v-grid .header-drag-table .v-grid-header > .v-grid-drop-marker { background-color: #ff7900; position: absolute; width: 3px; } .moxis .v-grid-sidebar.v-contextmenu { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; position: absolute; top: 0; right: 0; background-color: #FFF; border: 1px solid #dadada; padding: 0; z-index: 5; } .moxis .v-grid-sidebar.v-contextmenu.v-grid-sidebar-popup { right: auto; } .moxis .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; } .moxis .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button[disabled] { cursor: default; } .moxis .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button::-moz-focus-inner { border: 0; } .moxis .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after { content: "\f0c9"; display: block; font-family: ThemeIcons, sans-serif; font-size: 14px; } .moxis .v-grid-sidebar.v-contextmenu.closed { border-radius: 0; } .moxis .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button { width: 100%; } .moxis .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after { content: "\f0c9"; font-size: 14px; line-height: 1; } .v-ie .moxis .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button { vertical-align: middle; } .moxis .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content { padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .moxis .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { text-shadow: none; } .moxis .v-grid-cell { background-color: white; padding: 0 18px; line-height: 37px; text-overflow: ellipsis; } .moxis .v-grid-cell > * { line-height: 1.55; vertical-align: middle; } .moxis .v-grid-cell > div { display: inline-block; } .moxis .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 #dadada; position: relative; z-index: 11; } .moxis .v-grid-cell.frozen + th, .moxis .v-grid-cell.frozen + td { border-left: none; } .moxis .v-grid-cell div.component-wrap { width: 100%; } .moxis .v-grid-row > td, .moxis .v-grid-editor-cells > div { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; } .moxis .v-grid-row > td:first-child, .moxis .v-grid-editor-cells > div:first-child { border-left: none; } .moxis .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 #dadada; border-left: none; } .moxis .v-grid-row-stripe > td { background-color: #f5f5f5; } .moxis .v-grid-row-selected > td { background: #ff7900; } .moxis .v-grid-row-focused > td { } .moxis .v-grid-header th { position: relative; background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: left; } .moxis .v-grid-header th:first-child { border-left: none; } .moxis .v-grid-header .sort-asc, .moxis .v-grid-header .sort-desc { padding-right: 35px; } .moxis .v-grid-header .sort-asc:after, .moxis .v-grid-header .sort-desc:after { font-family: ThemeIcons, sans-serif; content: "\f0de" " " attr(sort-order); position: absolute; right: 18px; font-size: 12px; } .moxis .v-grid-header .sort-desc:after { content: "\f0dd" " " attr(sort-order); } .moxis .v-grid-column-resize-handle { position: absolute; width: 36px; right: -18px; 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; } .moxis .v-grid-column-resize-simple-indicator { position: absolute; width: 3px; top: 0px; left: 18px; z-index: 9001; background: #fff; box-shadow: 0px 0px 5px #000; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moxis .v-grid-footer td { background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-top: 1px solid #dadada; border-bottom: none; } .moxis .v-grid-footer td:first-child { border-left: none; } .moxis .v-grid-header .v-grid-cell, .moxis .v-grid-footer .v-grid-cell { overflow: visible; } .moxis .v-grid-column-header-content, .moxis .v-grid-column-footer-content { width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; vertical-align: baseline; } .moxis .v-grid-header-deco { border-top: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-grid-footer-deco { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-grid-horizontal-scrollbar-deco { background-color: #FFF; border: 1px solid #dadada; border-top: none; } .moxis .v-grid-cell-focused { position: relative; } .moxis .v-grid-cell-focused:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #ff7900; display: none; pointer-events: none; } .moxis .v-grid:focus .v-grid-cell-focused:before { display: block; } .moxis .v-grid.v-disabled:focus .v-grid-cell-focused:before { display: none; } .moxis .v-grid-editor { position: absolute; z-index: 20; overflow: hidden; left: 0; right: 0; border: 1px solid #dadada; 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); } .moxis .v-grid-editor.unbuffered .v-grid-editor-footer { width: 100%; } .moxis .v-grid-editor-cells { position: relative; white-space: nowrap; } .moxis .v-grid-editor-cells.frozen { z-index: 2; } .moxis .v-grid-editor-cells > div { display: inline-block; box-sizing: border-box; vertical-align: middle; background: white; } .moxis .v-grid-editor-cells > div:first-child { border-left: none; } .moxis .v-grid-editor-cells > div > * { vertical-align: middle; display: inline-block; } .moxis .v-grid-editor-cells > div .v-filterselect { padding-left: 0; } .moxis .v-grid-editor-cells > div input[type="text"], .moxis .v-grid-editor-cells > div input[type="text"].v-filterselect-input, .moxis .v-grid-editor-cells > div input[type="password"] { padding-left: 18px; } .moxis .v-grid-editor-cells > div input[type="text"]:not(.v-filterselect-input), .moxis .v-grid-editor-cells > div input[type="password"] { padding-right: 9px; } .moxis .v-grid-editor-cells > div input[type="checkbox"] { margin-left: 18px; } .moxis .v-grid-editor-cells > div .v-textfield, .moxis .v-grid-editor-cells > div .v-datefield, .moxis .v-grid-editor-cells > div .v-filterselect { min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; } .moxis .v-grid-editor-cells > div .v-select, .moxis .v-grid-editor-cells > div .v-select-select { min-width: 100%; max-width: 100%; } .moxis .v-grid-editor-cells > div.not-editable.v-grid-cell { float: none; } .moxis .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; } .moxis .v-grid-editor-cells .error, .moxis .v-grid-editor-cells .error > input { background-color: #fee; } .moxis .v-grid-editor-footer { display: table; height: 37px; border-top: 1px solid #dadada; margin-top: -1px; background: white; padding: 0 5px; } .moxis .v-grid-editor-footer + .v-grid-editor-cells > div { border-bottom: none; border-top: 1px solid #dadada; } .moxis .v-grid-editor-footer:first-child { border-top: none; margin-top: 0; border-bottom: 1px solid #dadada; margin-bottom: -1px; } .moxis .v-grid-editor-message, .moxis .v-grid-editor-buttons { display: table-cell; white-space: nowrap; vertical-align: middle; } .moxis .v-grid-editor-message { width: 100%; position: relative; } .moxis .v-grid-editor-message > div { position: absolute; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; top: 0; } .moxis .v-grid-editor-save { margin-right: 4px; } .moxis .v-grid-spacer { padding-left: 1px; } .moxis .v-grid-spacer > td { display: block; padding: 0; background-color: white; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #dadada; } .moxis .v-grid-spacer.stripe > td { background-color: #f5f5f5; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #dadada; } .moxis .v-grid-spacer-deco-container { border-top: 1px solid transparent; position: relative; top: 0; z-index: 5; } .moxis .v-grid-spacer-deco { top: 0; left: 0; width: 2px; background-color: #ff7900; position: absolute; height: 100%; pointer-events: none; } .moxis .v-grid-cell > .v-progressbar { width: 100%; } .moxis .v-grid { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; background-color: #FFF; } .moxis .v-grid.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-grid-header .v-grid-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .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; } .moxis .v-grid-header .v-grid-cell.dragged-column-header { margin-top: -19px; } .moxis .v-grid-footer .v-grid-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-grid-header-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-grid-footer-deco, .moxis .v-grid-horizontal-scrollbar-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-grid-row-selected > .v-grid-cell { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f2dac4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-color: #ce6609; } .moxis .v-grid-row-selected > .v-grid-cell-focused:before { border-color: #ffaf66; } .moxis .v-grid-editor { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); border-color: #ff7900; } .moxis .v-grid-editor-footer { font-size: 14px; padding: 0 6px; background: #EEE; } .moxis .v-grid-editor-cells { z-index: 1; } .moxis .v-grid-editor-cells > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .moxis .v-grid-editor-cells > div.not-editable.v-grid-cell { float: none; } .moxis .v-grid-editor-cells > div .error::before { border-top: 9px solid #d94560; border-right: 9px solid transparent; } .moxis .v-grid-editor-cells > div .error, .moxis .v-grid-editor-cells > div .error > input { background-color: #fefbfc; } .moxis .v-grid-editor-cells > div .v-textfield, .moxis .v-grid-editor-cells > div .v-textfield-focus, .moxis .v-grid-editor-cells > div .v-datefield, .moxis .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-grid-editor-cells > div .v-filterselect-input, .moxis .v-grid-editor-cells > div .v-filterselect-input:focus { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-grid-editor-cells > div input[type="text"].v-datefield-textfield { padding-left: 44.4px; } .moxis .v-grid-editor-cells > div .v-textfield-focus, .moxis .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-grid-editor-cells > div .v-filterselect-input:focus { position: relative; } .moxis .v-grid-editor-cells > div .v-select { padding-left: 9px; padding-right: 9px; } .moxis .v-grid-editor-cells > div .v-checkbox { margin: 0 9px 0 18px; } .moxis .v-grid-editor-cells > div .v-checkbox > input[type="checkbox"] { margin-left: 0; } .moxis .v-grid-editor-cells > div .v-checkbox > label { white-space: nowrap; } .moxis .v-grid-editor-message > div:before { display: inline-block; color: #d94560; font-weight: 600; width: 19px; text-align: center; content: "!"; } .moxis .v-grid-editor-save, .moxis .v-grid-editor-cancel { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; font-weight: 400; text-decoration: none; border: none; background: transparent; padding: 6px 6px; margin: 0; outline: none; } .moxis .v-grid-editor-save:hover, .moxis .v-grid-editor-cancel:hover { color: #ff9433; } .moxis .v-grid-editor-save.v-disabled, .moxis .v-grid-editor-cancel.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-grid-spacer { margin-top: -1px; } .moxis .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content { margin: 0 0 2px; padding: 4px 4px 2px; overflow-y: auto; overflow-x: hidden; } .moxis .v-grid-sidebar.v-contextmenu.closed { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-grid-scroller::-webkit-scrollbar { border: none; } .moxis .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; } .moxis .v-grid-scroller-vertical::-webkit-scrollbar-thumb { min-height: 30px; } .moxis .v-grid-scroller-horizontal::-webkit-scrollbar-thumb { min-width: 30px; } .moxis .v-grid-row-drag-badge { background-color: red; color: white; display: block; width: 30px; height: 30px; border-radius: 10px; line-height: 30px; text-align: center; float: left; } .moxis .v-grid-row-drag-top, .moxis .v-grid-row-drag-bottom { z-index: 100; } .moxis .v-grid-row-drag-top:before, .moxis .v-grid-row-drag-bottom:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: #ff7900; pointer-events: none; border: none; } .moxis .v-grid-row-drag-bottom:after { bottom: -1px; } .moxis .v-grid-row-drag-top:before { top: -1px; } .moxis .v-grid-row-drag-top:first-child:before { top: 0; } .moxis .v-grid-row-drag-center:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 2px; border: 2px solid #ff7900; pointer-events: none; } .moxis .v-grid-row-selected.v-grid-row-drag-center:after { border-color: #cc6100; } .moxis .v-grid-row-selected.v-grid-row-drag-top:before, .moxis .v-grid-row-selected.v-grid-row-drag-bottom:after { background: #cc6100; } .moxis .v-grid-body-drag-top:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 2px solid #ff7900; z-index: 100; } .moxis .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: 37px; border-radius: 3px; padding: 4px 8px; border: 1px solid #c3c3c3; 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); width: 185px; } .moxis .v-textfield.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-textfield:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-textfield[class*="prompt"] { color: #a3a3a3; } .moxis .v-textfield-readonly { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-textfield-readonly:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-textfield-error { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-textfield-error-info { border-color: #00a7f5 !important; background: #fafdff; color: #195774; } .moxis .v-textfield-error-warning { border-color: #fc9c00 !important; background: #fffdfa; color: #745119; } .moxis .v-textfield-error-error { border-color: #ed473b !important; background: #fffbfb; color: #6c2621; } .moxis .v-textfield-error-critical { border-color: #fa007d !important; background: #fffafc; color: #741947; } .moxis .v-textfield-error-system { border-color: #bb00ff !important; background: #fefaff; color: #5c1974; } .moxis .v-textfield-borderless { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .moxis .v-textfield-borderless:focus { -webkit-box-shadow: none; box-shadow: none; } .moxis .v-textfield-borderless[class*="prompt"] { color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .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: 28px; border-radius: 3px; padding: 3px 6px; font-size: 12px; } .moxis .v-textfield-compact, .moxis .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: 31px; border-radius: 3px; padding: 3px 7px; } .moxis .v-textfield-small { font-size: 14px; } .moxis .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: 44px; border-radius: 3px; padding: 5px 9px; font-size: 20px; } .moxis .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: 59px; border-radius: 3px; padding: 7px 11px; font-size: 26px; } .moxis .v-slot-inline-icon { position: relative; } .moxis .v-caption-inline-icon { padding: 0; } .moxis .v-caption-inline-icon .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon span.v-icon { left: 1px; bottom: 1px; width: 37px; line-height: 35px; text-align: center; font-size: 16px; } .moxis .v-caption-inline-icon img.v-icon { left: 11px; bottom: 11px; } .moxis .v-textfield-inline-icon { padding-left: 37px; } .moxis .v-slot-inline-icon.v-slot-tiny { position: relative; } .moxis .v-caption-inline-icon.v-caption-tiny { padding: 0; } .moxis .v-caption-inline-icon.v-caption-tiny .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon.v-caption-tiny .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon.v-caption-tiny span.v-icon { left: 1px; bottom: 1px; width: 28px; line-height: 26px; text-align: center; font-size: 12px; } .moxis .v-caption-inline-icon.v-caption-tiny img.v-icon { left: 6px; bottom: 6px; } .moxis .v-textfield-inline-icon.v-textfield-tiny { padding-left: 28px; } .moxis .v-slot-inline-icon.v-slot-compact { position: relative; } .moxis .v-caption-inline-icon.v-caption-compact { padding: 0; } .moxis .v-caption-inline-icon.v-caption-compact .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon.v-caption-compact .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon.v-caption-compact span.v-icon { left: 1px; bottom: 1px; width: 31px; line-height: 29px; text-align: center; font-size: 16px; } .moxis .v-caption-inline-icon.v-caption-compact img.v-icon { left: 8px; bottom: 8px; } .moxis .v-textfield-inline-icon.v-textfield-compact { padding-left: 31px; } .moxis .v-slot-inline-icon.v-slot-small { position: relative; } .moxis .v-caption-inline-icon.v-caption-small { padding: 0; } .moxis .v-caption-inline-icon.v-caption-small .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon.v-caption-small .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon.v-caption-small span.v-icon { left: 1px; bottom: 1px; width: 31px; line-height: 29px; text-align: center; font-size: 14px; } .moxis .v-caption-inline-icon.v-caption-small img.v-icon { left: 8px; bottom: 8px; } .moxis .v-textfield-inline-icon.v-textfield-small { padding-left: 31px; } .moxis .v-slot-inline-icon.v-slot-large { position: relative; } .moxis .v-caption-inline-icon.v-caption-large { padding: 0; } .moxis .v-caption-inline-icon.v-caption-large .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon.v-caption-large .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon.v-caption-large span.v-icon { left: 1px; bottom: 1px; width: 44px; line-height: 42px; text-align: center; font-size: 20px; } .moxis .v-caption-inline-icon.v-caption-large img.v-icon { left: 14px; bottom: 14px; } .moxis .v-textfield-inline-icon.v-textfield-large { padding-left: 44px; } .moxis .v-slot-inline-icon.v-slot-huge { position: relative; } .moxis .v-caption-inline-icon.v-caption-huge { padding: 0; } .moxis .v-caption-inline-icon.v-caption-huge .v-captiontext { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; margin: 0; } .moxis .v-caption-inline-icon.v-caption-huge .v-icon { position: absolute; z-index: 10; } .moxis .v-caption-inline-icon.v-caption-huge span.v-icon { left: 1px; bottom: 1px; width: 59px; line-height: 57px; text-align: center; font-size: 26px; } .moxis .v-caption-inline-icon.v-caption-huge img.v-icon { left: 22px; bottom: 22px; } .moxis .v-textfield-inline-icon.v-textfield-huge { padding-left: 59px; } .moxis .v-textfield-align-right { text-align: right; } .moxis .v-textfield-align-center { text-align: center; } .moxis .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: 37px; border-radius: 3px; padding: 6px; border: 1px solid #c3c3c3; 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); height: auto; resize: none; white-space: pre-wrap; width: 185px; } .moxis .v-textarea.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-textarea:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-textarea[class*="prompt"] { color: #a3a3a3; } .moxis .v-textarea-readonly { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-textarea-readonly:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-textarea-error { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-textarea-borderless { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .moxis .v-textarea-borderless:focus { -webkit-box-shadow: none; box-shadow: none; } .moxis .v-textarea-borderless[class*="prompt"] { color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .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: 28px; border-radius: 3px; padding: 6px; height: auto; resize: none; white-space: pre-wrap; font-size: 12px; } .moxis .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: 31px; border-radius: 3px; padding: 6px; height: auto; resize: none; white-space: pre-wrap; font-size: 14px; } .moxis .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: 44px; border-radius: 3px; padding: 6px; height: auto; resize: none; white-space: pre-wrap; font-size: 20px; } .moxis .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: 59px; border-radius: 3px; padding: 6px; height: auto; resize: none; white-space: pre-wrap; font-size: 26px; } .moxis .v-textarea-align-right { text-align: right; } .moxis .v-textarea-align-center { text-align: center; } .moxis .v-datefield { position: relative; width: 185px; height: 37px; border-radius: 3px; } .moxis .v-datefield [class*="textfield"] { 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: 37px; border-radius: 3px; padding: 4px 8px; border: 1px solid #c3c3c3; 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); padding-left: 44.4px; width: 100%; height: 100%; border-radius: inherit; } .moxis .v-datefield [class*="textfield"].v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield [class*="textfield"]:focus { outline: none; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-datefield [class*="textfield"][class*="prompt"] { color: #a3a3a3; } .moxis .v-datefield[class*="prompt"] > [class*="textfield"] { color: #a3a3a3; } .moxis .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: 37px; line-height: 35px; text-align: center; font: inherit; outline: none; margin: 0; top: 1px; bottom: 1px; left: 1px; border: none; border-right: 1px solid #e8e8e8; color: #a3a3a3; border-radius: 2px 0 0 2px; } .moxis .v-datefield [class*="button"]:hover { color: #474747; } .moxis .v-datefield [class*="button"]:before { font-family: ThemeIcons; content: "\f073"; } .moxis .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; } .moxis .v-datefield.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield.v-disabled [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield.v-disabled [class*="button"]:active:after { display: none; } .moxis .v-datefield.v-readonly [class*="textfield"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield.v-readonly [class*="textfield"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-datefield.v-readonly [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield.v-readonly [class*="button"]:active:after { display: none; } .moxis .v-datefield-error .v-datefield-textfield { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-datefield-error .v-datefield-button { color: #d94560; border-color: #d94560; } .moxis .v-datefield-error-info .v-datefield-textfield { border-color: #00a7f5 !important; background: #fafdff; color: #195774; } .moxis .v-datefield-error-info .v-datefield-button { color: #00a7f5; border-color: #00a7f5; } .moxis .v-datefield-error-warning .v-datefield-textfield { border-color: #fc9c00 !important; background: #fffdfa; color: #745119; } .moxis .v-datefield-error-warning .v-datefield-button { color: #fc9c00; border-color: #fc9c00; } .moxis .v-datefield-error-error .v-datefield-textfield { border-color: #ed473b !important; background: #fffbfb; color: #6c2621; } .moxis .v-datefield-error-error .v-datefield-button { color: #ed473b; border-color: #ed473b; } .moxis .v-datefield-error-critical .v-datefield-textfield { border-color: #fa007d !important; background: #fffafc; color: #741947; } .moxis .v-datefield-error-critical .v-datefield-button { color: #fa007d; border-color: #fa007d; } .moxis .v-datefield-error-system .v-datefield-textfield { border-color: #bb00ff !important; background: #fefaff; color: #5c1974; } .moxis .v-datefield-error-system .v-datefield-button { color: #bb00ff; border-color: #bb00ff; } .moxis .v-datefield-full { width: 240px; } .moxis .v-datefield-day { width: 185px; } .moxis .v-datefield-month { width: 120px; } .moxis .v-datefield-year { width: 104px; } .moxis .v-datefield-popup { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; margin-top: 5px !important; margin-bottom: 5px !important; margin-right: 5px !important; cursor: default; width: auto; } .moxis .v-datefield-popup table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; } .moxis .v-datefield-popup td { padding: 2px; } .moxis .v-datefield-popup .v-datefield-calendarpanel { font-size: 16px; text-align: center; } .moxis .v-datefield-popup .v-datefield-calendarpanel:focus { outline: none; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day { box-sizing: border-box; width: 30px; height: 26px; border: 1px solid transparent; line-height: 26px; text-align: center; font-size: 14px; background: #FFF; border-radius: 2px; display: inline-block; box-sizing: border-box; cursor: pointer; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day:hover { color: #ff7900; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day-offmonth { color: #a3a3a3; background: transparent; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day-today { color: #1a1a1a; font-weight: 600; border-color: #b3b3b3; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .moxis .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover { color: #f2dac4; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: none; font-weight: 600; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); position: relative; } .moxis .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .moxis .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { color: #a3a3a3; cursor: not-allowed; } .moxis .v-datefield-popup .v-datefield-calendarpanel-weekdays { height: 26px; color: rgba(135, 135, 135, 0.85); } .moxis .v-datefield-popup .v-datefield-calendarpanel-weekdays strong { font: inherit; font-size: 14px; } .moxis .v-datefield-popup .v-datefield-calendarpanel-header { white-space: nowrap; } .moxis .v-datefield-popup td[class*="year"] button, .moxis .v-datefield-popup td[class*="month"] button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; color: transparent; font-size: 0; width: 19px; height: 25px; outline: none; position: relative; vertical-align: middle; } .moxis .v-datefield-popup td[class*="year"] button:before, .moxis .v-datefield-popup td[class*="month"] button:before { color: #a3a3a3; font-size: 21px; line-height: 24px; } .moxis .v-datefield-popup td[class*="year"] button:hover:before, .moxis .v-datefield-popup td[class*="month"] button:hover:before { color: #ff7900; } .moxis .v-datefield-popup td[class*="year"] button.outside-range, .moxis .v-datefield-popup td[class*="month"] button.outside-range { cursor: default; opacity: 0.3; filter: alpha(opacity=30.0) ; } .moxis .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .moxis .v-datefield-popup td[class*="month"] button.outside-range:hover:before { color: #a3a3a3; } .moxis .v-datefield-popup .v-button-prevyear:before { font-family: ThemeIcons; content: "\f100"; } .moxis .v-datefield-popup .v-button-prevmonth:before { font-family: ThemeIcons; content: "\f104"; } .moxis .v-datefield-popup .v-button-nextyear:before { font-family: ThemeIcons; content: "\f101"; } .moxis .v-datefield-popup .v-button-nextmonth:before { font-family: ThemeIcons; content: "\f105"; } .moxis .v-datefield-popup td.v-datefield-calendarpanel-month { width: 148px; color: #ff7900; } .moxis .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month { width: 74px; } .moxis .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .moxis .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child { width: 30px; color: rgba(135, 135, 135, 0.85); font-size: 14px; display: inline-block; text-align: left; } .moxis .v-datefield-popup .v-datefield-calendarpanel-weeknumber { position: relative; } .moxis .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before { content: ""; position: absolute; top: 38px; bottom: 0; left: 0; width: 34px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top-right-radius: 3px; border-bottom-left-radius: 3px; background: #EEE; } .moxis .v-datefield-popup td.v-datefield-calendarpanel-time { width: 100%; font-size: 14px; } .moxis .v-datefield-popup td.v-datefield-calendarpanel-time .v-label { display: inline; margin: 0 0.1em; font-weight: 400; } .moxis .v-datefield-calendarpanel { font-size: 16px; text-align: center; } .moxis .v-datefield-calendarpanel:focus { outline: none; } .moxis .v-datefield-calendarpanel-day { box-sizing: border-box; width: 30px; height: 26px; border: 1px solid transparent; line-height: 26px; text-align: center; font-size: 14px; background: #FFF; border-radius: 2px; display: inline-block; box-sizing: border-box; cursor: pointer; } .moxis .v-datefield-calendarpanel-day:hover { color: #ff7900; } .moxis .v-datefield-calendarpanel-day-offmonth { color: #a3a3a3; background: transparent; } .moxis .v-datefield-calendarpanel-day-today { color: #1a1a1a; font-weight: 600; border-color: #b3b3b3; } .moxis .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .moxis .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover { color: #f2dac4; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: none; font-weight: 600; } .moxis .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); position: relative; } .moxis .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .moxis .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover { color: #a3a3a3; cursor: not-allowed; } .moxis .v-datefield-calendarpanel-weekdays { height: 26px; color: rgba(135, 135, 135, 0.85); } .moxis .v-datefield-calendarpanel-weekdays strong { font: inherit; font-size: 14px; } .moxis .v-datefield-calendarpanel-header { white-space: nowrap; } .moxis td[class*="year"] button, .moxis td[class*="month"] button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; color: transparent; font-size: 0; width: 19px; height: 25px; outline: none; position: relative; vertical-align: middle; } .moxis td[class*="year"] button:before, .moxis td[class*="month"] button:before { color: #a3a3a3; font-size: 21px; line-height: 24px; } .moxis td[class*="year"] button:hover:before, .moxis td[class*="month"] button:hover:before { color: #ff7900; } .moxis td[class*="year"] button.outside-range, .moxis td[class*="month"] button.outside-range { cursor: default; opacity: 0.3; filter: alpha(opacity=30.0) ; } .moxis td[class*="year"] button.outside-range:hover:before, .moxis td[class*="month"] button.outside-range:hover:before { color: #a3a3a3; } .moxis .v-button-prevyear:before { font-family: ThemeIcons; content: "\f100"; } .moxis .v-button-prevmonth:before { font-family: ThemeIcons; content: "\f104"; } .moxis .v-button-nextyear:before { font-family: ThemeIcons; content: "\f101"; } .moxis .v-button-nextmonth:before { font-family: ThemeIcons; content: "\f105"; } .moxis td.v-datefield-calendarpanel-month { width: 148px; color: #ff7900; } .moxis .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month { width: 74px; } .moxis .v-datefield-calendarpanel-weeknumber, .moxis .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child { width: 30px; color: rgba(135, 135, 135, 0.85); font-size: 14px; display: inline-block; text-align: left; } .moxis .v-datefield-calendarpanel-weeknumber { position: relative; } .moxis .v-datefield-calendarpanel-weeknumbers .v-first:before { content: ""; position: absolute; top: 38px; bottom: 0; left: 0; width: 34px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top-right-radius: 3px; border-bottom-left-radius: 3px; background: #EEE; } .moxis td.v-datefield-calendarpanel-time { width: 100%; font-size: 14px; } .moxis td.v-datefield-calendarpanel-time .v-label { display: inline; margin: 0 0.1em; font-weight: 400; } .moxis .v-datefield-borderless .v-datefield-textfield { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; } .moxis .v-datefield-borderless .v-datefield-textfield:focus { -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield-borderless .v-datefield-textfield[class*="prompt"] { color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-borderless .v-datefield-button { border: none; color: inherit; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-align-right input { text-align: right; } .moxis .v-datefield-align-center input { text-align: center; } .moxis .v-datefield-tiny { height: 28px; border-radius: 3px; font-size: 12px; } .moxis .v-datefield-tiny [class*="textfield"] { 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: 28px; border-radius: 3px; padding: 3px 6px; padding-left: 33.6px; width: 100%; height: 100%; border-radius: inherit; } .moxis .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: 28px; line-height: 28px; text-align: center; font: inherit; outline: none; margin: 0; border-radius: 3px 0 0 3px; } .moxis .v-datefield-tiny [class*="button"]:before { font-family: ThemeIcons; content: "\f073"; } .moxis .v-datefield-tiny [class*="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-datefield-tiny.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-tiny.v-disabled [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-tiny.v-disabled [class*="button"]:active:after { display: none; } .moxis .v-datefield-tiny.v-readonly [class*="textfield"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield-tiny.v-readonly [class*="textfield"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-datefield-tiny.v-readonly [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-tiny.v-readonly [class*="button"]:active:after { display: none; } .moxis .v-datefield-compact, .moxis .v-datefield-small { height: 31px; border-radius: 3px; } .moxis .v-datefield-compact [class*="textfield"], .moxis .v-datefield-small [class*="textfield"] { 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: 31px; border-radius: 3px; padding: 3px 7px; padding-left: 37.2px; width: 100%; height: 100%; border-radius: inherit; } .moxis .v-datefield-compact [class*="button"], .moxis .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: 31px; line-height: 31px; text-align: center; font: inherit; outline: none; margin: 0; border-radius: 3px 0 0 3px; } .moxis .v-datefield-compact [class*="button"]:before, .moxis .v-datefield-small [class*="button"]:before { font-family: ThemeIcons; content: "\f073"; } .moxis .v-datefield-compact [class*="button"]:active:after, .moxis .v-datefield-small [class*="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-datefield-compact.v-disabled, .moxis .v-datefield-small.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-compact.v-disabled [class*="button"], .moxis .v-datefield-small.v-disabled [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-compact.v-disabled [class*="button"]:active:after, .moxis .v-datefield-small.v-disabled [class*="button"]:active:after { display: none; } .moxis .v-datefield-compact.v-readonly [class*="textfield"], .moxis .v-datefield-small.v-readonly [class*="textfield"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield-compact.v-readonly [class*="textfield"]:focus, .moxis .v-datefield-small.v-readonly [class*="textfield"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-datefield-compact.v-readonly [class*="button"], .moxis .v-datefield-small.v-readonly [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-compact.v-readonly [class*="button"]:active:after, .moxis .v-datefield-small.v-readonly [class*="button"]:active:after { display: none; } .moxis .v-datefield-small { font-size: 14px; } .moxis .v-datefield-large { height: 44px; border-radius: 3px; font-size: 20px; } .moxis .v-datefield-large [class*="textfield"] { 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: 44px; border-radius: 3px; padding: 5px 9px; padding-left: 52.8px; width: 100%; height: 100%; border-radius: inherit; } .moxis .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: 44px; line-height: 44px; text-align: center; font: inherit; outline: none; margin: 0; border-radius: 3px 0 0 3px; } .moxis .v-datefield-large [class*="button"]:before { font-family: ThemeIcons; content: "\f073"; } .moxis .v-datefield-large [class*="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-datefield-large.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-large.v-disabled [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-large.v-disabled [class*="button"]:active:after { display: none; } .moxis .v-datefield-large.v-readonly [class*="textfield"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield-large.v-readonly [class*="textfield"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-datefield-large.v-readonly [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-large.v-readonly [class*="button"]:active:after { display: none; } .moxis .v-datefield-huge { height: 59px; border-radius: 3px; font-size: 26px; } .moxis .v-datefield-huge [class*="textfield"] { 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: 59px; border-radius: 3px; padding: 7px 11px; padding-left: 70.8px; width: 100%; height: 100%; border-radius: inherit; } .moxis .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: 59px; line-height: 59px; text-align: center; font: inherit; outline: none; margin: 0; border-radius: 3px 0 0 3px; } .moxis .v-datefield-huge [class*="button"]:before { font-family: ThemeIcons; content: "\f073"; } .moxis .v-datefield-huge [class*="button"]:active:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-datefield-huge.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-datefield-huge.v-disabled [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-huge.v-disabled [class*="button"]:active:after { display: none; } .moxis .v-datefield-huge.v-readonly [class*="textfield"] { background: #EEE; color: #434343; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-datefield-huge.v-readonly [class*="textfield"]:focus { box-shadow: none; border-color: #c3c3c3; } .moxis .v-datefield-huge.v-readonly [class*="button"] { cursor: default; pointer-events: none; } .moxis .v-datefield-huge.v-readonly [class*="button"]:active:after { display: none; } .moxis .v-inline-datefield-calendarpanel { font-size: 16px; text-align: center; } .moxis .v-inline-datefield-calendarpanel:focus { outline: none; } .moxis .v-inline-datefield-calendarpanel-day { box-sizing: border-box; width: 30px; height: 26px; border: 1px solid transparent; line-height: 26px; text-align: center; font-size: 14px; background: #FFF; border-radius: 2px; display: inline-block; box-sizing: border-box; cursor: pointer; } .moxis .v-inline-datefield-calendarpanel-day:hover { color: #ff7900; } .moxis .v-inline-datefield-calendarpanel-day-offmonth { color: #a3a3a3; background: transparent; } .moxis .v-inline-datefield-calendarpanel-day-today { color: #1a1a1a; font-weight: 600; border-color: #b3b3b3; } .moxis .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .moxis .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover { color: #f2dac4; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: none; font-weight: 600; } .moxis .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); position: relative; } .moxis .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .moxis .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover { color: #a3a3a3; cursor: not-allowed; } .moxis .v-inline-datefield-calendarpanel-weekdays { height: 26px; color: rgba(135, 135, 135, 0.85); } .moxis .v-inline-datefield-calendarpanel-weekdays strong { font: inherit; font-size: 14px; } .moxis .v-inline-datefield-calendarpanel-header { white-space: nowrap; } .moxis td[class*="year"] button, .moxis td[class*="month"] button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; color: transparent; font-size: 0; width: 19px; height: 25px; outline: none; position: relative; vertical-align: middle; } .moxis td[class*="year"] button:before, .moxis td[class*="month"] button:before { color: #a3a3a3; font-size: 21px; line-height: 24px; } .moxis td[class*="year"] button:hover:before, .moxis td[class*="month"] button:hover:before { color: #ff7900; } .moxis td[class*="year"] button.outside-range, .moxis td[class*="month"] button.outside-range { cursor: default; opacity: 0.3; filter: alpha(opacity=30.0) ; } .moxis td[class*="year"] button.outside-range:hover:before, .moxis td[class*="month"] button.outside-range:hover:before { color: #a3a3a3; } .moxis .v-button-prevyear:before { font-family: ThemeIcons; content: "\f100"; } .moxis .v-button-prevmonth:before { font-family: ThemeIcons; content: "\f104"; } .moxis .v-button-nextyear:before { font-family: ThemeIcons; content: "\f101"; } .moxis .v-button-nextmonth:before { font-family: ThemeIcons; content: "\f105"; } .moxis td.v-inline-datefield-calendarpanel-month { width: 148px; color: #ff7900; } .moxis .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month { width: 74px; } .moxis .v-inline-datefield-calendarpanel-weeknumber, .moxis .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child { width: 30px; color: rgba(135, 135, 135, 0.85); font-size: 14px; display: inline-block; text-align: left; } .moxis .v-inline-datefield-calendarpanel-weeknumber { position: relative; } .moxis .v-inline-datefield-calendarpanel-weeknumbers .v-first:before { content: ""; position: absolute; top: 38px; bottom: 0; left: 0; width: 34px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top-right-radius: 3px; border-bottom-left-radius: 3px; background: #EEE; } .moxis td.v-inline-datefield-calendarpanel-time { width: 100%; font-size: 14px; } .moxis td.v-inline-datefield-calendarpanel-time .v-label { display: inline; margin: 0 0.1em; font-weight: 400; } .moxis .v-inline-datefield-calendarpanel { position: relative; background: white; padding: 6px; } .moxis .v-gridlayout-margin-top { padding-top: 37px; } .moxis .v-gridlayout-margin-bottom { padding-bottom: 37px; } .moxis .v-gridlayout-margin-left { padding-left: 37px; } .moxis .v-gridlayout-margin-right { padding-right: 37px; } .moxis .v-gridlayout-spacing-on { padding-left: 12px; padding-top: 12px; } .moxis .v-menubar { position: relative; text-align: center; white-space: nowrap; outline: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; cursor: default; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; text-align: left; line-height: 35px; } .moxis .v-menubar:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-menubar.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-menubar.v-disabled:after { display: none; } .moxis .v-menubar:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-menubar:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-menubar > .v-menubar-menuitem { padding: 0 14px; } .moxis .v-menubar > .v-menubar-menuitem[class*="-icon-only"] { width: 37px; } .moxis .v-menubar:active:after { background: transparent; } .moxis .v-menubar > .v-menubar-menuitem { position: relative; z-index: 1; display: inline-block; box-sizing: border-box; height: 37px; padding: 0 15px; color: inherit; font-weight: 400; cursor: pointer; border-radius: 0; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; 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; } .moxis .v-menubar > .v-menubar-menuitem:first-child { border-left-width: 0; border-radius: 2px 0 0 2px; } .moxis .v-menubar > .v-menubar-menuitem:last-child { border-radius: 0 2px 2px 0; border-right-width: 0; } .moxis .v-menubar > .v-menubar-menuitem:first-child:last-child { border-radius: 2px; } .moxis .v-menubar > .v-menubar-menuitem:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-menubar > .v-menubar-menuitem:hover { zoom: 1; } .moxis .v-menubar > .v-menubar-menuitem:hover:before { background-color: rgba(191, 191, 191, 0.1); border: none; } .moxis .v-menubar > .v-menubar-menuitem:active:before { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-menubar > .v-menubar-menuitem .v-icon { margin: 0 4px 0 -4px; cursor: inherit; } .moxis .v-menubar > .v-menubar-menuitem[class*="-icon-only"] { width: 37px; padding: 0; } .moxis .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon { margin: 0; } .moxis .v-menubar > .v-menubar-menuitem-checked { -webkit-box-shadow: none; box-shadow: none; background-color: #f2f2f2; background-image: -webkit-linear-gradient(bottom, #f2f2f2 2%, #f0f0f0 98%); background-image: linear-gradient(to top,#f2f2f2 2%, #f0f0f0 98%); color: #181818; } .moxis .v-disabled > .v-menubar-menuitem, .moxis .v-menubar > .v-menubar-menuitem-disabled { cursor: default; } .moxis .v-disabled > .v-menubar-menuitem:before, .moxis .v-menubar > .v-menubar-menuitem-disabled:before { display: none; } .moxis .v-menubar-menuitem-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-menubar > .v-menubar-menuitem-selected { color: #f9f2eb; border-radius: 0; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-top-width: 0; border-left-width: 0; border-bottom-width: 0; z-index: 2; } .moxis .v-menubar > .v-menubar-menuitem-selected:hover:before { background: none; } .moxis .v-menubar .v-menubar-submenu-indicator { display: none; } .moxis .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; } .moxis .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:empty:after { margin-left: -0.2em; } .moxis .v-menubar-popup { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; padding: 4px 4px; margin: 5px 0 0 1px !important; } .moxis .v-menubar-popup .v-menubar-submenu { outline: none; } .moxis .v-menubar-popup .v-menubar-menuitem { display: block; cursor: pointer; line-height: 27px; padding: 0 20px 0 10px; border-radius: 2px; font-weight: 400; white-space: nowrap; position: relative; padding-left: 32px; padding-right: 37px; position: relative; } .moxis .v-menubar-popup .v-menubar-menuitem:active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #b35500; opacity: 0.15; filter: alpha(opacity=15.0) ; pointer-events: none; border-radius: inherit; } .moxis .v-menubar-popup .v-menubar-menuitem .v-icon { max-height: 27px; margin-right: 5px; min-width: 1em; } .moxis .v-menubar-popup .v-menubar-submenu-indicator { display: none; } .moxis .v-menubar-popup .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { position: absolute; right: 10px; font-family: ThemeIcons; content: "\f054"; line-height: 29px; } .moxis .v-menubar-popup .v-menubar-menuitem-selected { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-menubar-popup .v-menubar-separator { display: block; margin: 4px 0; height: 0; overflow: hidden; border-bottom: 1px solid #e8e8e8; } .moxis .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before { content: "\f00c"; font-family: ThemeIcons; position: absolute; left: 10px; } .moxis .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before { content: ""; } .moxis .v-menubar-popup [class*="disabled"] { cursor: default; } .moxis .v-menubar-small { height: 31px; padding: 0 14px; font-weight: 400; cursor: default; border-radius: 3px; padding: 0; text-align: left; line-height: 29px; font-size: 14px; } .moxis .v-menubar-small:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-menubar-small > .v-menubar-menuitem { padding: 0 12px; } .moxis .v-menubar-small > .v-menubar-menuitem[class*="-icon-only"] { width: 31px; } .moxis .v-menubar-borderless { border: none; border-radius: 0; padding: 1px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; background: transparent; color: inherit; } .moxis .v-menubar-borderless:focus:after { display: none; } .moxis .v-menubar-borderless .v-menubar-menuitem { -webkit-box-shadow: none; box-shadow: none; border: none; margin-right: 1px; border-radius: 3px; color: #ff7900; padding: 0 12px; } .moxis .v-menubar-borderless .v-menubar-menuitem:first-child, .moxis .v-menubar-borderless .v-menubar-menuitem:last-child, .moxis .v-menubar-borderless .v-menubar-menuitem:first-child:last-child { border-radius: 3px; } .moxis .v-menubar-borderless .v-menubar-menuitem:before { content: none; } .moxis .v-menubar-borderless .v-menubar-menuitem:hover { color: #ff9433; } .moxis .v-menubar-borderless .v-menubar-menuitem:active { color: inherit; } .moxis .v-menubar-borderless .v-menubar-menuitem-checked, .moxis .v-menubar-borderless .v-menubar-menuitem-checked:first-child { border: 1px solid #d1d1d1; color: #ff7900; } .moxis .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .moxis .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption { position: relative; top: -1px; } .moxis .v-menubar-borderless .v-menubar-menuitem-selected { color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-menubar-borderless .v-menubar-menuitem-selected:hover { color: #f9f2eb; } .moxis .v-menubar-borderless .v-menubar-menuitem-disabled, .moxis .v-menubar-borderless .v-menubar-menuitem-disabled:hover { color: inherit; } .moxis .v-radiobutton { position: relative; line-height: 19px; white-space: nowrap; } .moxis .v-radiobutton.v-has-width label { white-space: normal; } :root .moxis .v-radiobutton { padding-left: 25px; } :root .moxis .v-radiobutton label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .v-radiobutton > input { position: absolute; clip: rect(0, 0, 0, 0); left: 0.2em; top: 0.2em; z-index: 0; margin: 0; } :root .moxis .v-radiobutton > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-radiobutton > input ~ label:before, :root .moxis .v-radiobutton > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 19px; height: 19px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 13px; text-align: center; } :root .moxis .v-radiobutton > input ~ label:before { height: 18.5px; padding: 0 9px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 19px; } :root .moxis .v-radiobutton > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-radiobutton > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-radiobutton > input:checked ~ label:after { color: #ff7900; } .moxis .v-radiobutton > .v-icon, .moxis .v-radiobutton > label .v-icon { margin: 0 6px 0 3px; min-width: 1em; cursor: pointer; } .moxis .v-radiobutton.v-disabled > label, .moxis .v-radiobutton.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-radiobutton.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-radiobutton.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-radiobutton.v-readonly > label, .moxis .v-radiobutton.v-readonly > .v-icon { cursor: default; } .moxis .v-radiobutton.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-radiobutton.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-radiobutton.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } :root .moxis .v-radiobutton > input:checked ~ label:after { width: 7px; height: 7px; top: 6px; left: 6px; background: #ff7900; } :root .moxis .v-radiobutton > input ~ label:before, :root .moxis .v-radiobutton > input ~ label:after { border-radius: 50%; content: ""; } .moxis .v-select-optiongroup .v-radiobutton, .moxis .v-select-optiongroup .v-checkbox { display: block; margin: 9px 16px 0 0; } .moxis .v-select-optiongroup .v-radiobutton:first-child, .moxis .v-select-optiongroup .v-checkbox:first-child { margin-top: 6px; } .moxis .v-select-optiongroup .v-radiobutton:last-child, .moxis .v-select-optiongroup .v-checkbox:last-child { margin-bottom: 6px; } .moxis .v-select-optiongroup.v-has-width label { white-space: normal; } .moxis .v-select-optiongroup-small { font-size: 14px; } .moxis .v-select-optiongroup-small .v-checkbox { position: relative; line-height: 16px; white-space: nowrap; } .moxis .v-select-optiongroup-small .v-checkbox.v-has-width label { white-space: normal; } :root .moxis .v-select-optiongroup-small .v-checkbox { padding-left: 21px; } :root .moxis .v-select-optiongroup-small .v-checkbox label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .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 .moxis .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .moxis .v-select-optiongroup-small .v-checkbox > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 11px; text-align: center; } :root .moxis .v-select-optiongroup-small .v-checkbox > input ~ label:before { height: 15.5px; padding: 0 7px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 16px; } :root .moxis .v-select-optiongroup-small .v-checkbox > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-select-optiongroup-small .v-checkbox > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after { color: #ff7900; } .moxis .v-select-optiongroup-small .v-checkbox > .v-icon, .moxis .v-select-optiongroup-small .v-checkbox > label .v-icon { margin: 0 5px 0 3px; min-width: 1em; cursor: pointer; } .moxis .v-select-optiongroup-small .v-checkbox.v-disabled > label, .moxis .v-select-optiongroup-small .v-checkbox.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-small .v-checkbox.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-select-optiongroup-small .v-checkbox.v-readonly > label, .moxis .v-select-optiongroup-small .v-checkbox.v-readonly > .v-icon { cursor: default; } .moxis .v-select-optiongroup-small .v-checkbox.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-small .v-radiobutton { position: relative; line-height: 16px; white-space: nowrap; } .moxis .v-select-optiongroup-small .v-radiobutton.v-has-width label { white-space: normal; } :root .moxis .v-select-optiongroup-small .v-radiobutton { padding-left: 21px; } :root .moxis .v-select-optiongroup-small .v-radiobutton label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .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 .moxis .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 11px; text-align: center; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:before { height: 15.5px; padding: 0 7px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 16px; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after { color: #ff7900; } .moxis .v-select-optiongroup-small .v-radiobutton > .v-icon, .moxis .v-select-optiongroup-small .v-radiobutton > label .v-icon { margin: 0 5px 0 3px; min-width: 1em; cursor: pointer; } .moxis .v-select-optiongroup-small .v-radiobutton.v-disabled > label, .moxis .v-select-optiongroup-small .v-radiobutton.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-small .v-radiobutton.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-select-optiongroup-small .v-radiobutton.v-readonly > label, .moxis .v-select-optiongroup-small .v-radiobutton.v-readonly > .v-icon { cursor: default; } .moxis .v-select-optiongroup-small .v-radiobutton.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after { width: 6px; height: 6px; top: 5px; left: 5px; background: #ff7900; } :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .moxis .v-select-optiongroup-small .v-radiobutton > input ~ label:after { border-radius: 50%; content: ""; } .moxis .v-select-optiongroup-small .v-radiobutton, .moxis .v-select-optiongroup-small .v-checkbox { display: block; margin: 8px 16px 0 0; } .moxis .v-select-optiongroup-small .v-radiobutton:first-child, .moxis .v-select-optiongroup-small .v-checkbox:first-child { margin-top: 5px; } .moxis .v-select-optiongroup-small .v-radiobutton:last-child, .moxis .v-select-optiongroup-small .v-checkbox:last-child { margin-bottom: 5px; } .moxis .v-select-optiongroup-small.v-has-width label { white-space: normal; } .moxis .v-select-optiongroup-large { font-size: 20px; } .moxis .v-select-optiongroup-large .v-checkbox { position: relative; line-height: 22px; white-space: nowrap; } .moxis .v-select-optiongroup-large .v-checkbox.v-has-width label { white-space: normal; } :root .moxis .v-select-optiongroup-large .v-checkbox { padding-left: 29px; } :root .moxis .v-select-optiongroup-large .v-checkbox label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .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 .moxis .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .moxis .v-select-optiongroup-large .v-checkbox > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 22px; height: 22px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 15px; text-align: center; } :root .moxis .v-select-optiongroup-large .v-checkbox > input ~ label:before { height: 22px; padding: 0 10px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 22px; } :root .moxis .v-select-optiongroup-large .v-checkbox > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-select-optiongroup-large .v-checkbox > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after { color: #ff7900; } .moxis .v-select-optiongroup-large .v-checkbox > .v-icon, .moxis .v-select-optiongroup-large .v-checkbox > label .v-icon { margin: 0 7px 0 4px; min-width: 1em; cursor: pointer; } .moxis .v-select-optiongroup-large .v-checkbox.v-disabled > label, .moxis .v-select-optiongroup-large .v-checkbox.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-large .v-checkbox.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-select-optiongroup-large .v-checkbox.v-readonly > label, .moxis .v-select-optiongroup-large .v-checkbox.v-readonly > .v-icon { cursor: default; } .moxis .v-select-optiongroup-large .v-checkbox.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-large .v-radiobutton { position: relative; line-height: 22px; white-space: nowrap; } .moxis .v-select-optiongroup-large .v-radiobutton.v-has-width label { white-space: normal; } :root .moxis .v-select-optiongroup-large .v-radiobutton { padding-left: 29px; } :root .moxis .v-select-optiongroup-large .v-radiobutton label { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; display: inline-block; } :root .moxis .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 .moxis .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5), inset 0 1px 0 white; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:after { content: ""; display: inline-block; box-sizing: border-box; width: 22px; height: 22px; position: absolute; top: 0; left: 0; border-radius: 3px; font-size: 15px; text-align: center; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:before { height: 22px; padding: 0 10px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); padding: 0; height: 22px; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:after { content: "\f00c"; font-family: ThemeIcons; color: transparent; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after { background-color: rgba(128, 128, 128, 0.2); } :root .moxis .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after { color: #ff7900; } .moxis .v-select-optiongroup-large .v-radiobutton > .v-icon, .moxis .v-select-optiongroup-large .v-radiobutton > label .v-icon { margin: 0 7px 0 4px; min-width: 1em; cursor: pointer; } .moxis .v-select-optiongroup-large .v-radiobutton.v-disabled > label, .moxis .v-select-optiongroup-large .v-radiobutton.v-disabled > .v-icon { cursor: default; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-select-optiongroup-large .v-radiobutton.v-disabled > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after { background: transparent; } .moxis .v-select-optiongroup-large .v-radiobutton.v-readonly > label, .moxis .v-select-optiongroup-large .v-radiobutton.v-readonly > .v-icon { cursor: default; } .moxis .v-select-optiongroup-large .v-radiobutton.v-readonly > label > .v-icon { cursor: default; } :root .moxis .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after { background: transparent; } :root .moxis .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after { opacity: 0.5; filter: alpha(opacity=50) ; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after { width: 8px; height: 8px; top: 7px; left: 7px; background: #ff7900; } :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .moxis .v-select-optiongroup-large .v-radiobutton > input ~ label:after { border-radius: 50%; content: ""; } .moxis .v-select-optiongroup-large .v-radiobutton, .moxis .v-select-optiongroup-large .v-checkbox { display: block; margin: 11px 16px 0 0; } .moxis .v-select-optiongroup-large .v-radiobutton:first-child, .moxis .v-select-optiongroup-large .v-checkbox:first-child { margin-top: 7px; } .moxis .v-select-optiongroup-large .v-radiobutton:last-child, .moxis .v-select-optiongroup-large .v-checkbox:last-child { margin-bottom: 7px; } .moxis .v-select-optiongroup-large.v-has-width label { white-space: normal; } .moxis .v-select-optiongroup-horizontal { white-space: nowrap; } .moxis .v-select-optiongroup-horizontal .v-radiobutton, .moxis .v-select-optiongroup-horizontal .v-checkbox { display: inline-block; } .moxis .v-select-optiongroup-horizontal.v-has-width { white-space: normal; } .moxis .v-select-optiongroup-horizontal.v-has-width label { white-space: nowrap; } .moxis .v-link { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; } .moxis .v-link:hover { color: #ff9433; } .moxis .v-link.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-link a { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; cursor: inherit; color: inherit; text-decoration: inherit; } .moxis .v-link a:hover { color: #ff9433; } .moxis .v-link a.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-link .v-icon { cursor: inherit; } .moxis .v-link-small { font-size: 14px; } .moxis .v-link-large { font-size: 20px; } .moxis .v-window { padding: 4px 4px; border-radius: 3px; background-color: #fbfbfb; color: #464646; -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.09); 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.09); -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.09); 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.09); padding: 0; min-width: 148px !important; min-height: 37px !important; white-space: nowrap; overflow: hidden !important; } .moxis .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, #1a1a1a); background-image: radial-gradient( circle at 50% 50%, #222, #1a1a1a); opacity: 0.77; filter: alpha(opacity=77.00001) ; } .moxis .v-window-draggingCurtain { position: fixed !important; } .moxis .v-window-resizingCurtain + .v-window, .moxis .v-window-draggingCurtain + .v-window { -webkit-transition: none; -moz-transition: none; transition: none; } .moxis .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); } .moxis .v-window-outerheader:after { content: ""; position: absolute; bottom: -1px; right: 0; left: 0; height: 0; border-top: 1px solid #e8e8e8; border-color: rgba(209, 209, 209, 0.5); } .moxis .v-window-header { line-height: 36px; padding-left: 12px; margin-right: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7c7c7c; } .moxis .v-window-restorebox-disabled ~ .v-window-closebox ~ .v-window-header, .moxis .v-window-maximizebox-disabled ~ .v-window-closebox ~ .v-window-header { margin-right: 37px; } .moxis .v-window-restorebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header, .moxis .v-window-maximizebox-disabled ~ .v-window-closebox-disabled ~ .v-window-header { margin-right: 12px; } .moxis .v-window-closebox, .moxis .v-window-maximizebox, .moxis .v-window-restorebox { position: absolute; z-index: 3; top: 0; right: 0; box-sizing: border-box; width: 33px; height: 36px; background-color: #fbfbfb; line-height: 34px; text-align: center; cursor: pointer; font-size: 21px; color: #969696; } .moxis .v-window-closebox:focus, .moxis .v-window-maximizebox:focus, .moxis .v-window-restorebox:focus { outline: none; } .moxis .v-window-closebox:hover, .moxis .v-window-maximizebox:hover, .moxis .v-window-restorebox:hover { opacity: 1; filter: none ; color: #ff7900; } .moxis .v-window-closebox:active, .moxis .v-window-maximizebox:active, .moxis .v-window-restorebox:active { color: inherit; } .moxis .v-window-closebox:focus::after { content: ""; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 2px; border-radius: 3px; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-window-maximizebox:focus::after, .moxis .v-window-restorebox:focus::after { content: ""; position: absolute; top: 6px; right: 2px; bottom: 6px; left: 6px; border-radius: 3px; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-window-closebox { padding-right: 4px; border-radius: 0 3px 0 3px; } .moxis .v-window-closebox:before { content: "\00d7"; } .moxis .v-window-maximizebox, .moxis .v-window-restorebox { right: 33px; padding-left: 4px; border-radius: 0 0 0 3px; } .moxis .v-window-maximizebox + .v-window-closebox, .moxis .v-window-restorebox + .v-window-closebox { border-bottom-left-radius: 0; } .moxis .v-window-closebox-disabled, .moxis .v-window-resizebox-disabled, .moxis .v-window-restorebox-disabled, .moxis .v-window-maximizebox-disabled { display: none; } .moxis .v-window-closebox-disabled + .v-window-closebox, .moxis .v-window-resizebox-disabled + .v-window-closebox, .moxis .v-window-restorebox-disabled + .v-window-closebox, .moxis .v-window-maximizebox-disabled + .v-window-closebox { width: 37px; padding-right: 0; border-bottom-left-radius: 3px; } .moxis .v-window-closebox-disabled + .v-window-closebox:focus::after, .moxis .v-window-resizebox-disabled + .v-window-closebox:focus::after, .moxis .v-window-restorebox-disabled + .v-window-closebox:focus::after, .moxis .v-window-maximizebox-disabled + .v-window-closebox:focus::after { left: 6px; } .moxis .v-window-maximizebox:before { content: "+"; } .moxis .v-window-restorebox:before { content: "\2013"; } .moxis .v-window > .popupContent, .moxis .v-window-wrap, .moxis .v-window-contents, .moxis .v-window-contents > .v-scrollable { height: 100%; } .moxis .v-window-contents { box-sizing: border-box; border-radius: 3px; margin-top: 0 !important; } .moxis .v-window-contents > .v-scrollable { position: relative; } .moxis .v-window-contents > .v-scrollable > .v-margin-top { padding-top: 12px; } .moxis .v-window-contents > .v-scrollable > .v-margin-right { padding-right: 12px; } .moxis .v-window-contents > .v-scrollable > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-window-contents > .v-scrollable > .v-margin-left { padding-left: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td { padding-top: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { padding-bottom: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { padding-left: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { left: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { padding-right: 12px; } .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h2, .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h3, .moxis .v-window-contents > .v-scrollable > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] > .v-label-h4 { right: 12px; } .moxis .v-window-contents > .v-scrollable:focus { outline: none; } .moxis .v-window-contents > .v-scrollable:before { content: ""; position: absolute; z-index: 2; top: 0; height: 0; border-top: 1px solid #fbfbfb; left: 0; right: 0; } .moxis .v-window-contents > .v-scrollable .v-panel-captionwrap:after { border-color: #e8e8e8; } .moxis .v-window-contents > .v-scrollable .v-panel-content:before { border-color: #fbfbfb; } .moxis .v-window-footer { height: 0; } .moxis .v-window-resizebox { position: absolute; z-index: 1000; right: 0; bottom: 0; width: 19px; height: 19px; cursor: nwse-resize; } .moxis .v-window-modalitycurtain:active ~ .v-window { -webkit-animation: none; -moz-animation: none; animation: none; } .moxis .v-window-top-toolbar > .v-widget, .moxis .v-window-bottom-toolbar > .v-widget { vertical-align: top; } .moxis .v-window-top-toolbar .v-label, .moxis .v-window-bottom-toolbar .v-label { line-height: 36px; } .moxis .v-window-top-toolbar .v-spacing, .moxis .v-window-bottom-toolbar .v-spacing { width: 6px; } .moxis .v-window-top-toolbar.v-layout { padding: 7px 12px; position: relative; z-index: 2; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #FFF; } .moxis .v-window-top-toolbar.v-menubar { margin: 12px 12px 6px; } .moxis .v-window-top-toolbar.v-menubar-borderless { padding-left: 6px; padding-right: 6px; margin: 5px 0; } .moxis .v-window-bottom-toolbar.v-layout { padding: 7px 12px; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fbfbfb 0, #FFF 4px); background-image: linear-gradient(to bottom,#fbfbfb 0, #FFF 4px); border-top: 1px solid #e8e8e8; border-radius: 0 0 3px 3px; } .moxis .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout { box-sizing: content-box; margin: -12px -12px 0; } .moxis .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar { margin: 0; } .moxis .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless { margin: -6px -6px 0; padding: 0; } .moxis .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout { box-sizing: content-box; margin: 0 -12px -12px; } .moxis .v-tree { position: relative; white-space: nowrap; } .moxis .v-tree:focus { outline: none; } .moxis .v-tree-node:before { content: ""; position: absolute; display: inline-block; z-index: 3; width: 1.9em; height: 28px; cursor: pointer; background: red; opacity: 0; } .moxis .v-tree-node-caption { height: 28px; line-height: 27px; overflow: hidden; white-space: nowrap; vertical-align: top; } .moxis .v-tree-node-caption > div { display: inline-block; width: 100%; position: relative; z-index: 2; } .moxis .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; } .moxis .v-tree-node-caption span { padding-right: 28px; cursor: pointer; display: inline-block; width: 100%; } .v-ie .moxis .v-tree-node-caption span { width: auto; } .moxis .v-tree-node-caption .v-icon { padding-right: 0; width: auto; min-width: 1em; } .moxis .v-tree-node-caption:after { content: ""; display: block; vertical-align: top; position: absolute; z-index: 1; left: 0; margin-top: -28px; width: 100%; height: 28px; border-radius: 3px; opacity: 0; -webkit-transition: opacity 120ms; -moz-transition: opacity 120ms; transition: opacity 120ms; } .moxis .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; } .moxis .v-tree-node-leaf:before, .moxis .v-tree-node-leaf > .v-tree-node-caption > div:before { visibility: hidden; } .moxis .v-tree-node-focused:after { opacity: 1; border: 1px solid #ff7900; } .moxis .v-tree-node-selected { color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-tree-node-selected:after { opacity: 1; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: none; } .moxis .v-tree-node-children { padding-left: 19px; } .moxis .v-tree-node-drag-top:before, .moxis .v-tree-node-drag-bottom:after, .moxis .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: #ff7900; font-size: 32px; line-height: 2px; color: #ff7900; text-indent: -4px; text-shadow: 0 0 1px #FFF, 0 0 1px #FFF; opacity: 1; visibility: visible; } .moxis .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after { content: none; } .moxis .v-tree-node-caption-drag-center { -webkit-box-shadow: 0 0 0 2px #ff7900; box-shadow: 0 0 0 2px #ff7900; position: relative; border-radius: 3px; } .v-ff .moxis .v-tree-node-drag-top:before, .v-ff .moxis .v-tree-node-drag-bottom:after { line-height: 1px; } .moxis .v-tree8 { position: relative; } .moxis .v-tree8-scroller { position: absolute; z-index: 1; outline: none; box-sizing: border-box; } .moxis .v-tree8-scroller-horizontal { left: 0; right: 0; bottom: 0; overflow-y: hidden; -ms-overflow-y: hidden; } .moxis .v-tree8-scroller-vertical { right: 0; top: 0; bottom: 0; overflow-x: hidden; -ms-overflow-x: hidden; } .moxis .v-tree8-tablewrapper { position: absolute; overflow: hidden; box-sizing: border-box; z-index: 5; } .moxis .v-tree8-tablewrapper > table { border-spacing: 0; table-layout: fixed; width: inherit; } .moxis .v-tree8-header-deco, .moxis .v-tree8-footer-deco { position: absolute; right: 0; box-sizing: border-box; } .moxis .v-tree8-horizontal-scrollbar-deco { position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; } .moxis .v-tree8-header, .moxis .v-tree8-body, .moxis .v-tree8-footer { position: absolute; left: 0; width: inherit; z-index: 10; } .moxis .v-tree8-header, .moxis .v-tree8-header-deco { top: 0; } .moxis .v-tree8-footer, .moxis .v-tree8-footer-deco { bottom: 0; } .moxis .v-tree8-body { -ms-touch-action: none; touch-action: none; z-index: 0; top: 0; } .moxis .v-tree8-body .v-tree8-row { position: absolute; top: 0; left: 0; } .moxis .v-tree8-row { display: block; } .moxis .v-tree8-row > td, .moxis .v-tree8-row > th { background-color: white; } .moxis .v-tree8-row { width: inherit; } .moxis .v-tree8-cell { display: block; float: left; padding: 2px; white-space: nowrap; box-sizing: border-box; overflow: hidden; font-size: 16px; } .moxis .v-tree8-cell.frozen { position: relative; z-index: 1; } .moxis .v-tree8-spacer { position: absolute; display: block; background-color: white; } .moxis .v-tree8-spacer > td { width: 100%; height: 100%; box-sizing: border-box; } .moxis .v-tree8 { outline: none; } .moxis .v-tree8-scroller-vertical, .moxis .v-tree8-scroller-horizontal { border: 1px solid #dadada; } .moxis .v-tree8-scroller-vertical { border-left: none; } .moxis .v-tree8-scroller-horizontal { border-top: none; } .moxis .v-tree8-tablewrapper { border: 1px solid #dadada; } .moxis .v-tree8 .header-drag-table { border-spacing: 0; position: relative; table-layout: fixed; width: inherit; } .moxis .v-tree8 .header-drag-table .v-tree8-header { position: absolute; } .moxis .v-tree8 .header-drag-table .v-tree8-header > .v-tree8-cell { border: 1px solid #dadada; margin-top: -10px; opacity: 0.9; filter: alpha(opacity=90); z-index: 30000; } .moxis .v-tree8 .header-drag-table .v-tree8-header > .v-tree8-drop-marker { background-color: #ff7900; position: absolute; width: 3px; } .moxis .v-tree8-sidebar.v-contextmenu { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; position: absolute; top: 0; right: 0; background-color: #FFF; border: 1px solid #dadada; padding: 0; z-index: 5; } .moxis .v-tree8-sidebar.v-contextmenu.v-tree8-sidebar-popup { right: auto; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button { background: transparent; border: none; color: inherit; cursor: pointer; outline: none; padding: 0 4px; text-align: right; line-height: 1; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button[disabled] { cursor: default; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button::-moz-focus-inner { border: 0; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-button:after { content: "\f0c9"; display: block; font-family: ThemeIcons, sans-serif; font-size: 14px; } .moxis .v-tree8-sidebar.v-contextmenu.closed { border-radius: 0; } .moxis .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button { width: 100%; } .moxis .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button:after { content: "\f0c9"; font-size: 14px; line-height: 1; } .v-ie .moxis .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-button { vertical-align: middle; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content { padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .moxis .v-tree8-sidebar.v-contextmenu .v-tree8-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { text-shadow: none; } .moxis .v-tree8-cell { background-color: white; padding: 0 18px; line-height: 37px; text-overflow: ellipsis; } .moxis .v-tree8-cell > * { line-height: 1.55; vertical-align: middle; } .moxis .v-tree8-cell > div { display: inline-block; } .moxis .v-tree8-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 #dadada; position: relative; z-index: 11; } .moxis .v-tree8-cell.frozen + th, .moxis .v-tree8-cell.frozen + td { border-left: none; } .moxis .v-tree8-cell div.component-wrap { width: 100%; } .moxis .v-tree8-row > td, .moxis .v-tree8-editor-cells > div { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; } .moxis .v-tree8-row > td:first-child, .moxis .v-tree8-editor-cells > div:first-child { border-left: none; } .moxis .v-tree8-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 #dadada; border-left: none; } .moxis .v-tree8-row-stripe > td { background-color: #f5f5f5; } .moxis .v-tree8-row-selected > td { background: #ff7900; } .moxis .v-tree8-row-focused > td { } .moxis .v-tree8-header th { position: relative; background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: left; } .moxis .v-tree8-header th:first-child { border-left: none; } .moxis .v-tree8-header .sort-asc, .moxis .v-tree8-header .sort-desc { padding-right: 35px; } .moxis .v-tree8-header .sort-asc:after, .moxis .v-tree8-header .sort-desc:after { font-family: ThemeIcons, sans-serif; content: "\f0de" " " attr(sort-order); position: absolute; right: 18px; font-size: 12px; } .moxis .v-tree8-header .sort-desc:after { content: "\f0dd" " " attr(sort-order); } .moxis .v-tree8-column-resize-handle { position: absolute; width: 36px; right: -18px; 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; } .moxis .v-tree8-column-resize-simple-indicator { position: absolute; width: 3px; top: 0px; left: 18px; z-index: 9001; background: #fff; box-shadow: 0px 0px 5px #000; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moxis .v-tree8-footer td { background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-top: 1px solid #dadada; border-bottom: none; } .moxis .v-tree8-footer td:first-child { border-left: none; } .moxis .v-tree8-header .v-tree8-cell, .moxis .v-tree8-footer .v-tree8-cell { overflow: visible; } .moxis .v-tree8-column-header-content, .moxis .v-tree8-column-footer-content { width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; vertical-align: baseline; } .moxis .v-tree8-header-deco { border-top: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-tree8-footer-deco { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-tree8-horizontal-scrollbar-deco { background-color: #FFF; border: 1px solid #dadada; border-top: none; } .moxis .v-tree8-cell-focused { position: relative; } .moxis .v-tree8-cell-focused:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #ff7900; display: none; pointer-events: none; } .moxis .v-tree8:focus .v-tree8-cell-focused:before { display: block; } .moxis .v-tree8.v-disabled:focus .v-tree8-cell-focused:before { display: none; } .moxis .v-tree8-editor { position: absolute; z-index: 20; overflow: hidden; left: 0; right: 0; border: 1px solid #dadada; 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); } .moxis .v-tree8-editor.unbuffered .v-tree8-editor-footer { width: 100%; } .moxis .v-tree8-editor-cells { position: relative; white-space: nowrap; } .moxis .v-tree8-editor-cells.frozen { z-index: 2; } .moxis .v-tree8-editor-cells > div { display: inline-block; box-sizing: border-box; vertical-align: middle; background: white; } .moxis .v-tree8-editor-cells > div:first-child { border-left: none; } .moxis .v-tree8-editor-cells > div > * { vertical-align: middle; display: inline-block; } .moxis .v-tree8-editor-cells > div .v-filterselect { padding-left: 0; } .moxis .v-tree8-editor-cells > div input[type="text"], .moxis .v-tree8-editor-cells > div input[type="text"].v-filterselect-input, .moxis .v-tree8-editor-cells > div input[type="password"] { padding-left: 18px; } .moxis .v-tree8-editor-cells > div input[type="text"]:not(.v-filterselect-input), .moxis .v-tree8-editor-cells > div input[type="password"] { padding-right: 9px; } .moxis .v-tree8-editor-cells > div input[type="checkbox"] { margin-left: 18px; } .moxis .v-tree8-editor-cells > div .v-textfield, .moxis .v-tree8-editor-cells > div .v-datefield, .moxis .v-tree8-editor-cells > div .v-filterselect { min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; } .moxis .v-tree8-editor-cells > div .v-select, .moxis .v-tree8-editor-cells > div .v-select-select { min-width: 100%; max-width: 100%; } .moxis .v-tree8-editor-cells > div.not-editable.v-tree8-cell { float: none; } .moxis .v-tree8-editor-cells .error::before { position: absolute; display: block; height: 0; width: 0; content: ""; border-top: 5px solid red; border-right: 5px solid transparent; } .moxis .v-tree8-editor-cells .error, .moxis .v-tree8-editor-cells .error > input { background-color: #fee; } .moxis .v-tree8-editor-footer { display: table; height: 37px; border-top: 1px solid #dadada; margin-top: -1px; background: white; padding: 0 5px; } .moxis .v-tree8-editor-footer + .v-tree8-editor-cells > div { border-bottom: none; border-top: 1px solid #dadada; } .moxis .v-tree8-editor-footer:first-child { border-top: none; margin-top: 0; border-bottom: 1px solid #dadada; margin-bottom: -1px; } .moxis .v-tree8-editor-message, .moxis .v-tree8-editor-buttons { display: table-cell; white-space: nowrap; vertical-align: middle; } .moxis .v-tree8-editor-message { width: 100%; position: relative; } .moxis .v-tree8-editor-message > div { position: absolute; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; top: 0; } .moxis .v-tree8-editor-save { margin-right: 4px; } .moxis .v-tree8-spacer { padding-left: 1px; } .moxis .v-tree8-spacer > td { display: block; padding: 0; background-color: white; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #dadada; } .moxis .v-tree8-spacer.stripe > td { background-color: #f5f5f5; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #dadada; } .moxis .v-tree8-spacer-deco-container { border-top: 1px solid transparent; position: relative; top: 0; z-index: 5; } .moxis .v-tree8-spacer-deco { top: 0; left: 0; width: 2px; background-color: #ff7900; position: absolute; height: 100%; pointer-events: none; } .moxis .v-tree8-cell > .v-progressbar { width: 100%; } .moxis .v-tree8 { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; background-color: #FFF; } .moxis .v-tree8.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-tree8-header .v-tree8-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-tree8-header .v-tree8-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; } .moxis .v-tree8-header .v-tree8-cell.dragged-column-header { margin-top: -19px; } .moxis .v-tree8-footer .v-tree8-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-tree8-header-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-tree8-footer-deco, .moxis .v-tree8-horizontal-scrollbar-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-tree8-row-selected > .v-tree8-cell { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f2dac4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-color: #ce6609; } .moxis .v-tree8-row-selected > .v-tree8-cell-focused:before { border-color: #ffaf66; } .moxis .v-tree8-editor { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); border-color: #ff7900; } .moxis .v-tree8-editor-footer { font-size: 14px; padding: 0 6px; background: #EEE; } .moxis .v-tree8-editor-cells { z-index: 1; } .moxis .v-tree8-editor-cells > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .moxis .v-tree8-editor-cells > div.not-editable.v-tree8-cell { float: none; } .moxis .v-tree8-editor-cells > div .error::before { border-top: 9px solid #d94560; border-right: 9px solid transparent; } .moxis .v-tree8-editor-cells > div .error, .moxis .v-tree8-editor-cells > div .error > input { background-color: #fefbfc; } .moxis .v-tree8-editor-cells > div .v-textfield, .moxis .v-tree8-editor-cells > div .v-textfield-focus, .moxis .v-tree8-editor-cells > div .v-datefield, .moxis .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-tree8-editor-cells > div .v-filterselect-input, .moxis .v-tree8-editor-cells > div .v-filterselect-input:focus { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-tree8-editor-cells > div input[type="text"].v-datefield-textfield { padding-left: 44.4px; } .moxis .v-tree8-editor-cells > div .v-textfield-focus, .moxis .v-tree8-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-tree8-editor-cells > div .v-filterselect-input:focus { position: relative; } .moxis .v-tree8-editor-cells > div .v-select { padding-left: 9px; padding-right: 9px; } .moxis .v-tree8-editor-cells > div .v-checkbox { margin: 0 9px 0 18px; } .moxis .v-tree8-editor-cells > div .v-checkbox > input[type="checkbox"] { margin-left: 0; } .moxis .v-tree8-editor-cells > div .v-checkbox > label { white-space: nowrap; } .moxis .v-tree8-editor-message > div:before { display: inline-block; color: #d94560; font-weight: 600; width: 19px; text-align: center; content: "!"; } .moxis .v-tree8-editor-save, .moxis .v-tree8-editor-cancel { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; font-weight: 400; text-decoration: none; border: none; background: transparent; padding: 6px 6px; margin: 0; outline: none; } .moxis .v-tree8-editor-save:hover, .moxis .v-tree8-editor-cancel:hover { color: #ff9433; } .moxis .v-tree8-editor-save.v-disabled, .moxis .v-tree8-editor-cancel.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-tree8-spacer { margin-top: -1px; } .moxis .v-tree8-sidebar.v-contextmenu.open .v-tree8-sidebar-content { margin: 0 0 2px; padding: 4px 4px 2px; overflow-y: auto; overflow-x: hidden; } .moxis .v-tree8-sidebar.v-contextmenu.closed { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-tree8-scroller::-webkit-scrollbar { border: none; } .moxis .v-tree8-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; } .moxis .v-tree8-scroller-vertical::-webkit-scrollbar-thumb { min-height: 30px; } .moxis .v-tree8-scroller-horizontal::-webkit-scrollbar-thumb { min-width: 30px; } .moxis .v-tree8-row-drag-badge { background-color: red; color: white; display: block; width: 30px; height: 30px; border-radius: 10px; line-height: 30px; text-align: center; float: left; } .moxis .v-tree8-row-drag-top, .moxis .v-tree8-row-drag-bottom { z-index: 100; } .moxis .v-tree8-row-drag-top:before, .moxis .v-tree8-row-drag-bottom:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: #ff7900; pointer-events: none; border: none; } .moxis .v-tree8-row-drag-bottom:after { bottom: -1px; } .moxis .v-tree8-row-drag-top:before { top: -1px; } .moxis .v-tree8-row-drag-top:first-child:before { top: 0; } .moxis .v-tree8-row-drag-center:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 2px; border: 2px solid #ff7900; pointer-events: none; } .moxis .v-tree8-row-selected.v-tree8-row-drag-center:after { border-color: #cc6100; } .moxis .v-tree8-row-selected.v-tree8-row-drag-top:before, .moxis .v-tree8-row-selected.v-tree8-row-drag-bottom:after { background: #cc6100; } .moxis .v-tree8-body-drag-top:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 2px solid #ff7900; z-index: 100; } .moxis .v-tree8-expander { display: inline-block; vertical-align: top; } .moxis .v-tree8-expander::before { display: inline-block; width: 1.5em; text-align: center; content: ""; } .moxis .v-tree8-expander.expanded::before { content: "\f0d7"; font-family: ThemeIcons; } .moxis .v-tree8-expander.collapsed::before { content: "\f0da"; font-family: ThemeIcons; } .moxis .v-tree8-expander.collapse-disabled::before { opacity: 0.5; filter: alpha(opacity=50) ; cursor: default; } .moxis .v-tree8-node.depth-0 { padding-left: 0em; } .moxis .v-tree8-node.depth-1 { padding-left: 1em; } .moxis .v-tree8-node.depth-2 { padding-left: 2em; } .moxis .v-tree8-node.depth-3 { padding-left: 3em; } .moxis .v-tree8-node.depth-4 { padding-left: 4em; } .moxis .v-tree8-node.depth-5 { padding-left: 5em; } .moxis .v-tree8-node.depth-6 { padding-left: 6em; } .moxis .v-tree8-node.depth-7 { padding-left: 7em; } .moxis .v-tree8-node.depth-8 { padding-left: 8em; } .moxis .v-tree8-node.depth-9 { padding-left: 9em; } .moxis .v-tree8-node.depth-10 { padding-left: 10em; } .moxis .v-tree8-node.depth-11 { padding-left: 11em; } .moxis .v-tree8-node.depth-12 { padding-left: 12em; } .moxis .v-tree8-node.depth-13 { padding-left: 13em; } .moxis .v-tree8-node.depth-14 { padding-left: 14em; } .moxis .v-tree8-node.depth-15 { padding-left: 15em; } .moxis .v-tree8-cell-content { display: inline-block; vertical-align: middle; } .moxis .v-tree8-row-focused::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #ff7900; display: none; pointer-events: none; } .moxis .v-tree8-cell-focused { position: static; } .moxis .v-tree8-cell-focused::before { display: none; } .moxis .v-tree8:focus .v-tree8-row-focused::before { display: block; } .moxis .v-tree8.v-disabled:focus .v-tree8-row-focused::before { display: none; } .moxis .v-tree8:focus .v-tree8-cell-focused::before { display: none; } .moxis .v-tree8 { background-color: transparent; } .moxis .v-tree8-row > td { background-color: transparent; border: 0; line-height: 28px; } .moxis .v-tree8-row > td > * { vertical-align: baseline; } .moxis .v-tree8-tablewrapper { background-color: transparent; border: none; } .moxis .v-tree8-row::before { content: ""; display: none; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border-radius: 3px; pointer-events: none; border-width: 1px; } .moxis .v-tree8-cell { position: relative; } .moxis .v-tree8-row-selected > .v-tree8-cell { background: transparent; } .moxis .v-tree8-row-selected::before { display: block; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); } .moxis .v-tree8:focus .v-tree8-row-selected.v-tree8-row-focused::before { border-color: transparent; box-shadow: inset 0 0 0 1px #f2dac4; } .moxis .v-tree8-scroller-vertical { border: none; } .moxis .v-tree8-scroller-horizontal { border: none; } .moxis .v-tree8-header-deco, .moxis .v-tree8-footer-deco, .moxis .v-tree8-horizontal-scrollbar-deco { border: none; background: transparent; } .moxis .v-treegrid { position: relative; } .moxis .v-treegrid-scroller { position: absolute; z-index: 1; outline: none; box-sizing: border-box; } .moxis .v-treegrid-scroller-horizontal { left: 0; right: 0; bottom: 0; overflow-y: hidden; -ms-overflow-y: hidden; } .moxis .v-treegrid-scroller-vertical { right: 0; top: 0; bottom: 0; overflow-x: hidden; -ms-overflow-x: hidden; } .moxis .v-treegrid-tablewrapper { position: absolute; overflow: hidden; box-sizing: border-box; z-index: 5; } .moxis .v-treegrid-tablewrapper > table { border-spacing: 0; table-layout: fixed; width: inherit; } .moxis .v-treegrid-header-deco, .moxis .v-treegrid-footer-deco { position: absolute; right: 0; box-sizing: border-box; } .moxis .v-treegrid-horizontal-scrollbar-deco { position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; } .moxis .v-treegrid-header, .moxis .v-treegrid-body, .moxis .v-treegrid-footer { position: absolute; left: 0; width: inherit; z-index: 10; } .moxis .v-treegrid-header, .moxis .v-treegrid-header-deco { top: 0; } .moxis .v-treegrid-footer, .moxis .v-treegrid-footer-deco { bottom: 0; } .moxis .v-treegrid-body { -ms-touch-action: none; touch-action: none; z-index: 0; top: 0; } .moxis .v-treegrid-body .v-treegrid-row { position: absolute; top: 0; left: 0; } .moxis .v-treegrid-row { display: block; } .moxis .v-treegrid-row > td, .moxis .v-treegrid-row > th { background-color: white; } .moxis .v-treegrid-row { width: inherit; } .moxis .v-treegrid-cell { display: block; float: left; padding: 2px; white-space: nowrap; box-sizing: border-box; overflow: hidden; font-size: 16px; } .moxis .v-treegrid-cell.frozen { position: relative; z-index: 1; } .moxis .v-treegrid-spacer { position: absolute; display: block; background-color: white; } .moxis .v-treegrid-spacer > td { width: 100%; height: 100%; box-sizing: border-box; } .moxis .v-treegrid { outline: none; } .moxis .v-treegrid-scroller-vertical, .moxis .v-treegrid-scroller-horizontal { border: 1px solid #dadada; } .moxis .v-treegrid-scroller-vertical { border-left: none; } .moxis .v-treegrid-scroller-horizontal { border-top: none; } .moxis .v-treegrid-tablewrapper { border: 1px solid #dadada; } .moxis .v-treegrid .header-drag-table { border-spacing: 0; position: relative; table-layout: fixed; width: inherit; } .moxis .v-treegrid .header-drag-table .v-treegrid-header { position: absolute; } .moxis .v-treegrid .header-drag-table .v-treegrid-header > .v-treegrid-cell { border: 1px solid #dadada; margin-top: -10px; opacity: 0.9; filter: alpha(opacity=90); z-index: 30000; } .moxis .v-treegrid .header-drag-table .v-treegrid-header > .v-treegrid-drop-marker { background-color: #ff7900; position: absolute; width: 3px; } .moxis .v-treegrid-sidebar.v-contextmenu { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; position: absolute; top: 0; right: 0; background-color: #FFF; border: 1px solid #dadada; padding: 0; z-index: 5; } .moxis .v-treegrid-sidebar.v-contextmenu.v-treegrid-sidebar-popup { right: auto; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button { background: transparent; border: none; color: inherit; cursor: pointer; outline: none; padding: 0 4px; text-align: right; line-height: 1; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button[disabled] { cursor: default; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button::-moz-focus-inner { border: 0; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-button:after { content: "\f0c9"; display: block; font-family: ThemeIcons, sans-serif; font-size: 14px; } .moxis .v-treegrid-sidebar.v-contextmenu.closed { border-radius: 0; } .moxis .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button { width: 100%; } .moxis .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button:after { content: "\f0c9"; font-size: 14px; line-height: 1; } .v-ie .moxis .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-button { vertical-align: middle; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content { padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .moxis .v-treegrid-sidebar.v-contextmenu .v-treegrid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle { text-shadow: none; } .moxis .v-treegrid-cell { background-color: white; padding: 0 18px; line-height: 37px; text-overflow: ellipsis; } .moxis .v-treegrid-cell > * { line-height: 1.55; vertical-align: middle; } .moxis .v-treegrid-cell > div { display: inline-block; } .moxis .v-treegrid-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 #dadada; position: relative; z-index: 11; } .moxis .v-treegrid-cell.frozen + th, .moxis .v-treegrid-cell.frozen + td { border-left: none; } .moxis .v-treegrid-cell div.component-wrap { width: 100%; } .moxis .v-treegrid-row > td, .moxis .v-treegrid-editor-cells > div { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; } .moxis .v-treegrid-row > td:first-child, .moxis .v-treegrid-editor-cells > div:first-child { border-left: none; } .moxis .v-treegrid-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 #dadada; border-left: none; } .moxis .v-treegrid-row-stripe > td { background-color: #f5f5f5; } .moxis .v-treegrid-row-selected > td { background: #ff7900; } .moxis .v-treegrid-row-focused > td { } .moxis .v-treegrid-header th { position: relative; background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: left; } .moxis .v-treegrid-header th:first-child { border-left: none; } .moxis .v-treegrid-header .sort-asc, .moxis .v-treegrid-header .sort-desc { padding-right: 35px; } .moxis .v-treegrid-header .sort-asc:after, .moxis .v-treegrid-header .sort-desc:after { font-family: ThemeIcons, sans-serif; content: "\f0de" " " attr(sort-order); position: absolute; right: 18px; font-size: 12px; } .moxis .v-treegrid-header .sort-desc:after { content: "\f0dd" " " attr(sort-order); } .moxis .v-treegrid-column-resize-handle { position: absolute; width: 36px; right: -18px; 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; } .moxis .v-treegrid-column-resize-simple-indicator { position: absolute; width: 3px; top: 0px; left: 18px; z-index: 9001; background: #fff; box-shadow: 0px 0px 5px #000; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .moxis .v-treegrid-footer td { background-color: #FFF; font-size: 14px; font-weight: inherit; border-left: 1px solid #dadada; border-top: 1px solid #dadada; border-bottom: none; } .moxis .v-treegrid-footer td:first-child { border-left: none; } .moxis .v-treegrid-header .v-treegrid-cell, .moxis .v-treegrid-footer .v-treegrid-cell { overflow: visible; } .moxis .v-treegrid-column-header-content, .moxis .v-treegrid-column-footer-content { width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; vertical-align: baseline; } .moxis .v-treegrid-header-deco { border-top: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-treegrid-footer-deco { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #FFF; } .moxis .v-treegrid-horizontal-scrollbar-deco { background-color: #FFF; border: 1px solid #dadada; border-top: none; } .moxis .v-treegrid-cell-focused { position: relative; } .moxis .v-treegrid-cell-focused:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #ff7900; display: none; pointer-events: none; } .moxis .v-treegrid:focus .v-treegrid-cell-focused:before { display: block; } .moxis .v-treegrid.v-disabled:focus .v-treegrid-cell-focused:before { display: none; } .moxis .v-treegrid-editor { position: absolute; z-index: 20; overflow: hidden; left: 0; right: 0; border: 1px solid #dadada; 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); } .moxis .v-treegrid-editor.unbuffered .v-treegrid-editor-footer { width: 100%; } .moxis .v-treegrid-editor-cells { position: relative; white-space: nowrap; } .moxis .v-treegrid-editor-cells.frozen { z-index: 2; } .moxis .v-treegrid-editor-cells > div { display: inline-block; box-sizing: border-box; vertical-align: middle; background: white; } .moxis .v-treegrid-editor-cells > div:first-child { border-left: none; } .moxis .v-treegrid-editor-cells > div > * { vertical-align: middle; display: inline-block; } .moxis .v-treegrid-editor-cells > div .v-filterselect { padding-left: 0; } .moxis .v-treegrid-editor-cells > div input[type="text"], .moxis .v-treegrid-editor-cells > div input[type="text"].v-filterselect-input, .moxis .v-treegrid-editor-cells > div input[type="password"] { padding-left: 18px; } .moxis .v-treegrid-editor-cells > div input[type="text"]:not(.v-filterselect-input), .moxis .v-treegrid-editor-cells > div input[type="password"] { padding-right: 9px; } .moxis .v-treegrid-editor-cells > div input[type="checkbox"] { margin-left: 18px; } .moxis .v-treegrid-editor-cells > div .v-textfield, .moxis .v-treegrid-editor-cells > div .v-datefield, .moxis .v-treegrid-editor-cells > div .v-filterselect { min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; } .moxis .v-treegrid-editor-cells > div .v-select, .moxis .v-treegrid-editor-cells > div .v-select-select { min-width: 100%; max-width: 100%; } .moxis .v-treegrid-editor-cells > div.not-editable.v-treegrid-cell { float: none; } .moxis .v-treegrid-editor-cells .error::before { position: absolute; display: block; height: 0; width: 0; content: ""; border-top: 5px solid red; border-right: 5px solid transparent; } .moxis .v-treegrid-editor-cells .error, .moxis .v-treegrid-editor-cells .error > input { background-color: #fee; } .moxis .v-treegrid-editor-footer { display: table; height: 37px; border-top: 1px solid #dadada; margin-top: -1px; background: white; padding: 0 5px; } .moxis .v-treegrid-editor-footer + .v-treegrid-editor-cells > div { border-bottom: none; border-top: 1px solid #dadada; } .moxis .v-treegrid-editor-footer:first-child { border-top: none; margin-top: 0; border-bottom: 1px solid #dadada; margin-bottom: -1px; } .moxis .v-treegrid-editor-message, .moxis .v-treegrid-editor-buttons { display: table-cell; white-space: nowrap; vertical-align: middle; } .moxis .v-treegrid-editor-message { width: 100%; position: relative; } .moxis .v-treegrid-editor-message > div { position: absolute; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 37px; top: 0; } .moxis .v-treegrid-editor-save { margin-right: 4px; } .moxis .v-treegrid-spacer { padding-left: 1px; } .moxis .v-treegrid-spacer > td { display: block; padding: 0; background-color: white; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #dadada; } .moxis .v-treegrid-spacer.stripe > td { background-color: #f5f5f5; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #dadada; } .moxis .v-treegrid-spacer-deco-container { border-top: 1px solid transparent; position: relative; top: 0; z-index: 5; } .moxis .v-treegrid-spacer-deco { top: 0; left: 0; width: 2px; background-color: #ff7900; position: absolute; height: 100%; pointer-events: none; } .moxis .v-treegrid-cell > .v-progressbar { width: 100%; } .moxis .v-treegrid { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; background-color: #FFF; } .moxis .v-treegrid.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-treegrid-header .v-treegrid-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-treegrid-header .v-treegrid-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; } .moxis .v-treegrid-header .v-treegrid-cell.dragged-column-header { margin-top: -19px; } .moxis .v-treegrid-footer .v-treegrid-cell { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-treegrid-header-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-treegrid-footer-deco, .moxis .v-treegrid-horizontal-scrollbar-deco { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-treegrid-row-selected > .v-treegrid-cell { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f2dac4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-color: #ce6609; } .moxis .v-treegrid-row-selected > .v-treegrid-cell-focused:before { border-color: #ffaf66; } .moxis .v-treegrid-editor { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); border-color: #ff7900; } .moxis .v-treegrid-editor-footer { font-size: 14px; padding: 0 6px; background: #EEE; } .moxis .v-treegrid-editor-cells { z-index: 1; } .moxis .v-treegrid-editor-cells > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .moxis .v-treegrid-editor-cells > div.not-editable.v-treegrid-cell { float: none; } .moxis .v-treegrid-editor-cells > div .error::before { border-top: 9px solid #d94560; border-right: 9px solid transparent; } .moxis .v-treegrid-editor-cells > div .error, .moxis .v-treegrid-editor-cells > div .error > input { background-color: #fefbfc; } .moxis .v-treegrid-editor-cells > div .v-textfield, .moxis .v-treegrid-editor-cells > div .v-textfield-focus, .moxis .v-treegrid-editor-cells > div .v-datefield, .moxis .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-treegrid-editor-cells > div .v-filterselect-input, .moxis .v-treegrid-editor-cells > div .v-filterselect-input:focus { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-treegrid-editor-cells > div input[type="text"].v-datefield-textfield { padding-left: 44.4px; } .moxis .v-treegrid-editor-cells > div .v-textfield-focus, .moxis .v-treegrid-editor-cells > div .v-datefield .v-textfield-focus, .moxis .v-treegrid-editor-cells > div .v-filterselect-input:focus { position: relative; } .moxis .v-treegrid-editor-cells > div .v-select { padding-left: 9px; padding-right: 9px; } .moxis .v-treegrid-editor-cells > div .v-checkbox { margin: 0 9px 0 18px; } .moxis .v-treegrid-editor-cells > div .v-checkbox > input[type="checkbox"] { margin-left: 0; } .moxis .v-treegrid-editor-cells > div .v-checkbox > label { white-space: nowrap; } .moxis .v-treegrid-editor-message > div:before { display: inline-block; color: #d94560; font-weight: 600; width: 19px; text-align: center; content: "!"; } .moxis .v-treegrid-editor-save, .moxis .v-treegrid-editor-cancel { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; font-weight: 400; text-decoration: none; border: none; background: transparent; padding: 6px 6px; margin: 0; outline: none; } .moxis .v-treegrid-editor-save:hover, .moxis .v-treegrid-editor-cancel:hover { color: #ff9433; } .moxis .v-treegrid-editor-save.v-disabled, .moxis .v-treegrid-editor-cancel.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-treegrid-spacer { margin-top: -1px; } .moxis .v-treegrid-sidebar.v-contextmenu.open .v-treegrid-sidebar-content { margin: 0 0 2px; padding: 4px 4px 2px; overflow-y: auto; overflow-x: hidden; } .moxis .v-treegrid-sidebar.v-contextmenu.closed { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); } .moxis .v-treegrid-scroller::-webkit-scrollbar { border: none; } .moxis .v-treegrid-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; } .moxis .v-treegrid-scroller-vertical::-webkit-scrollbar-thumb { min-height: 30px; } .moxis .v-treegrid-scroller-horizontal::-webkit-scrollbar-thumb { min-width: 30px; } .moxis .v-treegrid-row-drag-badge { background-color: red; color: white; display: block; width: 30px; height: 30px; border-radius: 10px; line-height: 30px; text-align: center; float: left; } .moxis .v-treegrid-row-drag-top, .moxis .v-treegrid-row-drag-bottom { z-index: 100; } .moxis .v-treegrid-row-drag-top:before, .moxis .v-treegrid-row-drag-bottom:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: #ff7900; pointer-events: none; border: none; } .moxis .v-treegrid-row-drag-bottom:after { bottom: -1px; } .moxis .v-treegrid-row-drag-top:before { top: -1px; } .moxis .v-treegrid-row-drag-top:first-child:before { top: 0; } .moxis .v-treegrid-row-drag-center:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 2px; border: 2px solid #ff7900; pointer-events: none; } .moxis .v-treegrid-row-selected.v-treegrid-row-drag-center:after { border-color: #cc6100; } .moxis .v-treegrid-row-selected.v-treegrid-row-drag-top:before, .moxis .v-treegrid-row-selected.v-treegrid-row-drag-bottom:after { background: #cc6100; } .moxis .v-treegrid-body-drag-top:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 2px solid #ff7900; z-index: 100; } .moxis .v-treegrid-expander { display: inline-block; vertical-align: top; } .moxis .v-treegrid-expander::before { display: inline-block; width: 1.5em; text-align: center; content: ""; } .moxis .v-treegrid-expander.expanded::before { content: "\f0d7"; font-family: ThemeIcons; } .moxis .v-treegrid-expander.collapsed::before { content: "\f0da"; font-family: ThemeIcons; } .moxis .v-treegrid-expander.collapse-disabled::before { opacity: 0.5; filter: alpha(opacity=50) ; cursor: default; } .moxis .v-treegrid-node.depth-0 { padding-left: 0em; } .moxis .v-treegrid-node.depth-1 { padding-left: 1em; } .moxis .v-treegrid-node.depth-2 { padding-left: 2em; } .moxis .v-treegrid-node.depth-3 { padding-left: 3em; } .moxis .v-treegrid-node.depth-4 { padding-left: 4em; } .moxis .v-treegrid-node.depth-5 { padding-left: 5em; } .moxis .v-treegrid-node.depth-6 { padding-left: 6em; } .moxis .v-treegrid-node.depth-7 { padding-left: 7em; } .moxis .v-treegrid-node.depth-8 { padding-left: 8em; } .moxis .v-treegrid-node.depth-9 { padding-left: 9em; } .moxis .v-treegrid-node.depth-10 { padding-left: 10em; } .moxis .v-treegrid-node.depth-11 { padding-left: 11em; } .moxis .v-treegrid-node.depth-12 { padding-left: 12em; } .moxis .v-treegrid-node.depth-13 { padding-left: 13em; } .moxis .v-treegrid-node.depth-14 { padding-left: 14em; } .moxis .v-treegrid-node.depth-15 { padding-left: 15em; } .moxis .v-treegrid-cell-content { display: inline-block; vertical-align: middle; } .moxis .v-treegrid-row-focused::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #ff7900; display: none; pointer-events: none; } .moxis .v-treegrid-cell-focused { position: static; } .moxis .v-treegrid-cell-focused::before { display: none; } .moxis .v-treegrid:focus .v-treegrid-row-focused::before { display: block; } .moxis .v-treegrid.v-disabled:focus .v-treegrid-row-focused::before { display: none; } .moxis .v-treegrid:focus .v-treegrid-cell-focused::before { display: none; } .moxis .v-table { position: relative; background: #FFF; color: #474747; overflow: hidden; } .moxis .v-table-header table, .moxis .v-table-footer table, .moxis .v-table-table { -webkit-box-shadow: 0 0 0 1px #dadada; box-shadow: 0 0 0 1px #dadada; } .moxis .v-table-header-wrap, .moxis .v-table-footer-wrap, .moxis .v-table-header-drag { border: 1px solid #dadada; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); white-space: nowrap; font-size: 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-table-header-wrap { position: relative; border-bottom: none; } .moxis .v-table-footer-wrap { border-top: none; } .moxis .v-table-footer td { border-left: 1px solid #dadada; } .moxis .v-table-footer-container, .moxis .v-table-caption-container { overflow: hidden; line-height: 1; min-height: 37px; box-sizing: border-box; } .moxis .v-table-footer-container { padding: 11px 12px 12px; float: right; } .moxis [class^="v-table-header-cell"] { position: relative; } .moxis .v-table-caption-container, .moxis .v-table-header-drag { padding: 12px 12px 11px; border-left: 1px solid #dadada; } .moxis .v-table-caption-container-align-right { padding-right: 4px; } .moxis .v-table-resizer { height: 37px; width: 8px; cursor: e-resize; cursor: col-resize; position: relative; right: -4px; z-index: 1; margin-left: -8px; } .moxis .v-table-cell-content { border-left: 1px solid #dadada; overflow: hidden; height: 37px; vertical-align: middle; } .moxis .v-table-cell-content:first-child { border-left: none; padding-left: 1px; } .moxis .v-table-header td:first-child .v-table-caption-container, .moxis .v-table-footer td:first-child { border-left-color: transparent; } .moxis .v-table-cell-wrapper { line-height: 1; padding: 0 12px; box-sizing: border-box; margin-right: 0 !important; } .moxis .v-table-cell-wrapper > .v-widget { margin: 3px -6px; } .moxis .v-table-cell-wrapper > .v-widget.v-label, .moxis .v-table-cell-wrapper > .v-widget.v-checkbox, .moxis .v-table-cell-wrapper > .v-widget.v-select-optiongroup { margin: 0; } .moxis .v-table-cell-wrapper > .v-widget.v-progressbar { margin-left: 0; margin-right: 0; } .moxis .v-table-body { border: 1px solid #dadada; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .moxis .v-table-table { background-color: white; white-space: nowrap; } .moxis .v-table-table td { border-top: 1px solid #dadada; } .moxis .v-table-table tr:first-child > td { border-top: none; } .moxis .v-table-row { background-color: white; cursor: pointer; } .moxis .v-table-row-odd { background-color: #f5f5f5; cursor: pointer; } .moxis .v-table-body-noselection .v-table-row, .moxis .v-table-body-noselection .v-table-row-odd { cursor: default; } .moxis .v-table [class*="-row"].v-selected { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); background-origin: border-box; color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-table [class*="-row"].v-selected + .v-selected { background: #fb7300; } .moxis .v-table [class*="-row"].v-selected + .v-selected td { border-top-color: #fb7300; } .moxis .v-table [class*="-row"].v-selected .v-table-cell-content { border-color: transparent; border-left-color: #ce6609; } .moxis .v-table [class*="-row"].v-selected .v-table-cell-content:first-child { border-left-color: transparent; } .moxis .v-table-header-cell-asc .v-table-sort-indicator, .moxis .v-table-header-cell-desc .v-table-sort-indicator { background: transparent; width: 19px; height: 37px; line-height: 37px; margin-left: -19px; } .moxis .v-table-header-cell-asc .v-table-sort-indicator:before, .moxis .v-table-header-cell-desc .v-table-sort-indicator:before { font-style: normal; font-weight: normal; display: inline-block; } .moxis .v-table-header-cell-asc .v-table-sort-indicator:before { content: "\f0de"; font-family: ThemeIcons; } .moxis .v-table-header-cell-desc .v-table-sort-indicator:before { content: "\f0dd"; font-family: ThemeIcons; } .moxis [class*="rowheader"] span.v-icon { min-width: 1em; } .moxis .v-table-focus { outline: 1px solid #ff7900; outline-offset: -1px; } .moxis .v-drag-element.v-table-focus, .moxis .v-drag-element .v-table-focus { outline: none; } .moxis .v-table-header-drag { position: absolute; opacity: 0.9; filter: alpha(opacity=90) ; margin-top: -19px; z-index: 30000; line-height: 1; } .moxis .v-table-focus-slot-right { border-right: 3px solid #ff7900; right: -2px; margin-left: -11px !important; } .moxis .v-table-focus-slot-left { float: left; border-left: 3px solid #ff7900; left: -1px; right: auto; margin-left: 0 !important; margin-right: -11px; } .moxis .v-table-column-selector { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); position: absolute; z-index: 2; top: 0; right: 0; width: 19px; height: 19px; line-height: 19px; padding: 0; border-top-width: 0; border-right-width: 0; border-radius: 0 0 0 3px; cursor: pointer; text-align: center; opacity: 0; filter: alpha(opacity=0) ; } .moxis .v-table-column-selector:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-table-column-selector:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-table-column-selector:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-table-column-selector:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-table-column-selector:after { content: ""; position: absolute; border: none; top: 0; right: 0; bottom: 0; left: 0; } .moxis .v-table-column-selector:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-table-column-selector:before { font-family: ThemeIcons; content: "\f013"; } .moxis .v-table-header-wrap:hover .v-table-column-selector { opacity: 1; filter: none ; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; transition-delay: 200ms; } .moxis .v-on:before, .moxis .v-off:before { content: "\f00c"; font-family: ThemeIcons; font-size: 0.9em; margin-right: 6px; } .moxis .v-on div, .moxis .v-off div { display: inline; } .moxis .v-on.v-disabled, .moxis .v-off.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-off:before { visibility: hidden; } .moxis tbody.v-drag-element { display: block; overflow: visible; -webkit-box-shadow: none; box-shadow: none; background: transparent; opacity: 1; filter: none ; } .moxis 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: 3px; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50) ; background: white; } .moxis .v-table-body { position: relative; z-index: 1; } .moxis .v-table-scrollposition { position: absolute; top: 50%; width: 100%; height: 37px; line-height: 37px; margin: -19px 0 0 !important; text-align: center; } .moxis .v-table-drag { overflow: visible; } .moxis .v-table-drag .v-table-body { -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); border-color: #ff7900; } .moxis .v-table-drag .v-table-body .v-table-focus { outline: none; } .moxis .v-table-row-drag-middle .v-table-cell-content { background-color: #ffe4cc; color: #693e17; } .moxis .v-table-row-drag-bottom td.v-table-cell-content { border-bottom: 2px solid #ff7900; height: 35px; } .moxis .v-table-row-drag-bottom .v-table-cell-wrapper { margin-bottom: -2px; } .moxis .v-table-row-drag-top td.v-table-cell-content { border-top: 2px solid #ff7900; height: 36px; } .moxis .v-table-row-drag-top .v-table-cell-wrapper { margin-top: -1px; } .moxis .v-table-no-stripes .v-table-row, .moxis .v-table-no-stripes .v-table-row-odd { background: transparent; } .moxis .v-table-no-vertical-lines .v-table-cell-content { border-left: none; padding-left: 1px; } .moxis .v-table-no-vertical-lines.v-treetable .v-table-cell-content { padding-left: 13px; } .moxis .v-table-no-horizontal-lines .v-table-cell-content { border-top: none; border-bottom: none; } .moxis .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .moxis .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content { height: 36px; } .moxis .v-table-no-header .v-table-header-wrap { display: none; } .moxis .v-table-borderless .v-table-header-wrap, .moxis .v-table-borderless .v-table-footer-wrap, .moxis .v-table-borderless .v-table-header-drag, .moxis .v-table-borderless .v-table-body { border: none; } .moxis .v-table-borderless .v-table-header-wrap { border-bottom: 1px solid #dedede; } .moxis .v-table-borderless .v-table-footer-wrap { border-top: 1px solid #dedede; } .moxis .v-table-compact .v-table-header-wrap, .moxis .v-table-compact .v-table-footer-wrap, .moxis .v-table-compact .v-table-header-drag, .moxis .v-table-small .v-table-header-wrap, .moxis .v-table-small .v-table-footer-wrap, .moxis .v-table-small .v-table-header-drag { font-size: 14px; } .moxis .v-table-compact .v-table-footer-container, .moxis .v-table-small .v-table-footer-container { padding: 8px 7px 9px; } .moxis .v-table-compact .v-table-caption-container, .moxis .v-table-compact .v-table-header-drag, .moxis .v-table-small .v-table-caption-container, .moxis .v-table-small .v-table-header-drag { padding-top: 9px; padding-bottom: 8px; padding-left: 6px; padding-right: 6px; } .moxis .v-table-compact .v-table-caption-container-align-right, .moxis .v-table-small .v-table-caption-container-align-right { padding-right: 0; } .moxis .v-table-compact .v-table-resizer, .moxis .v-table-small .v-table-resizer { height: 31px; } .moxis .v-table-compact .v-table-cell-content, .moxis .v-table-small .v-table-cell-content { height: 31px; } .moxis .v-table-compact .v-table-cell-wrapper, .moxis .v-table-small .v-table-cell-wrapper { padding-left: 6px; padding-right: 6px; } .moxis .v-table-compact .v-table-cell-wrapper > .v-widget, .moxis .v-table-small .v-table-cell-wrapper > .v-widget { margin: 2px -3px; } .moxis .v-table-compact .v-table-cell-wrapper > .v-widget.v-label, .moxis .v-table-compact .v-table-cell-wrapper > .v-widget.v-checkbox, .moxis .v-table-compact .v-table-cell-wrapper > .v-widget.v-select-optiongroup, .moxis .v-table-small .v-table-cell-wrapper > .v-widget.v-label, .moxis .v-table-small .v-table-cell-wrapper > .v-widget.v-checkbox, .moxis .v-table-small .v-table-cell-wrapper > .v-widget.v-select-optiongroup { margin: 0; } .moxis .v-table-compact .v-table-cell-wrapper > .v-widget.v-progressbar, .moxis .v-table-small .v-table-cell-wrapper > .v-widget.v-progressbar { margin-left: 0; margin-right: 0; } .moxis .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .moxis .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .moxis .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .moxis .v-table-small .v-table-header-cell-desc .v-table-sort-indicator { height: 31px; line-height: 31px; } .moxis .v-table-compact .v-table-header-drag, .moxis .v-table-small .v-table-header-drag { margin-top: -16px; } .moxis .v-table-compact.v-treetable .v-table-cell-wrapper, .moxis .v-table-small.v-treetable .v-table-cell-wrapper { padding-left: 0; padding-right: 0; min-height: 16px; } .moxis .v-table-compact.v-treetable .v-table-cell-content, .moxis .v-table-small.v-treetable .v-table-cell-content { padding-left: 6px; padding-right: 6px; } .moxis .v-table-compact.v-treetable .v-table-cell-content:first-child, .moxis .v-table-small.v-treetable .v-table-cell-content:first-child { padding-left: 7px; } .moxis .v-table-compact.v-treetable .v-table-footer-container, .moxis .v-table-small.v-treetable .v-table-footer-container { padding-left: 6px; padding-right: 6px; } .moxis .v-table-compact .v-table-row-drag-top .v-table-cell-content, .moxis .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .moxis .v-table-small .v-table-row-drag-top .v-table-cell-content, .moxis .v-table-small .v-table-row-drag-bottom .v-table-cell-content { height: 30px; } .moxis .v-table-small { font-size: 14px; } .moxis .v-table-small.v-treetable .v-table-cell-wrapper { min-height: 14px; } .moxis .v-treetable [class*="caption-container"], .moxis .v-treetable [class*="footer-container"], .moxis .v-treetable [class*="cell-wrapper"] { box-sizing: content-box; padding-left: 0; padding-right: 0; } .moxis .v-treetable [class*="caption-container"], .moxis .v-treetable [class*="footer-container"] { min-height: 14px; } .moxis .v-treetable [class*="cell-wrapper"] { min-height: 16px; } .moxis .v-treetable [class*="caption-container"] { padding-left: 12px; } .moxis .v-treetable [class*="caption-container-align-right"] { padding-left: 20px; } .moxis .v-treetable [class*="footer-container"] { padding-right: 12px; } .moxis .v-treetable [class*="cell-content"] { padding-left: 12px; padding-right: 12px; } .moxis .v-treetable [class*="cell-content"]:first-child { padding-left: 13px; } .moxis .v-treetable-treespacer { display: inline-block; position: absolute; width: 19px !important; margin-left: -25px; text-align: center; cursor: pointer; } .moxis .v-treetable-node-closed:before { content: "\f0da"; font-family: ThemeIcons; } .moxis .v-treetable-node-open:before { content: "\f0d7"; font-family: ThemeIcons; } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter { width: 1px; } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter:after { left: -6px; right: -6px; } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white, none; box-shadow: inset 0 1px 0 white, none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; padding: 0; border-radius: 0; background-color: #FFF; background-image: -webkit-linear-gradient(left, white 2%, #fbfbfb 98%); background-image: linear-gradient(to right,white 2%, #fbfbfb 98%); } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-hsplitter div:before:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-splitpanel-horizontal > div > .v-splitpanel-second-container { margin-left: 1px; } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter { height: 1px; } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter:after { top: -6px; bottom: -6px; } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white, none; box-shadow: inset 0 1px 0 white, none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; padding: 0; border-radius: 0; } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-splitpanel-vertical > div > .v-splitpanel-vsplitter div:before:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter { width: 12px; } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter:after { left: 0px; right: 0px; } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white, none; box-shadow: inset 0 1px 0 white, none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; padding: 0; border-radius: 0; background-color: #FFF; background-image: -webkit-linear-gradient(left, white 2%, #fbfbfb 98%); background-image: linear-gradient(to right,white 2%, #fbfbfb 98%); } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:before:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-hsplitter div:after { content: ""; border: 1px solid #e3e3e3; border-top-color: #c7c7c7; border-left-color: #c7c7c7; position: absolute; top: 50%; left: 50%; width: 0; height: 37px; margin-left: -1px; margin-top: -19px; } .moxis .v-splitpanel-horizontal.large > div > .v-splitpanel-second-container { margin-left: 12px; } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter { height: 12px; } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter:after { top: 0px; bottom: 0px; } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white, none; box-shadow: inset 0 1px 0 white, none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; padding: 0; border-radius: 0; } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:before:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-splitpanel-vertical.large > div > .v-splitpanel-vsplitter div:after { content: ""; border: 1px solid #e3e3e3; border-top-color: #c7c7c7; border-left-color: #c7c7c7; position: absolute; top: 50%; left: 50%; width: 37px; height: 0; margin-left: -19px; margin-top: -1px; } .moxis .v-progressbar-wrapper { border-radius: 3px; height: 9px; background-color: #d9d9d9; background-image: -webkit-linear-gradient(bottom, #dadada 2%, #d3d3d3 98%); background-image: linear-gradient(to top,#dadada 2%, #d3d3d3 98%); box-sizing: border-box; min-width: 74px; } .moxis .v-progressbar-indicator { border-radius: 3px; height: inherit; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: 1px solid #d16300; box-sizing: border-box; max-width: 100%; min-width: 6px; -webkit-transition: width 160ms; -moz-transition: width 160ms; transition: width 160ms; } .moxis .v-progressbar-point .v-progressbar-indicator { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; text-align: right; overflow: hidden; } .moxis .v-progressbar-point .v-progressbar-indicator:before { content: ""; display: inline-block; border-radius: 3px; height: inherit; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: 1px solid #d16300; box-sizing: border-box; max-width: 100%; width: 9px; vertical-align: top; } .moxis .v-progressbar-indeterminate { height: 24px !important; width: 24px !important; box-sizing: border-box; border: 2px solid rgba(255, 121, 0, 0.2); border-top-color: #ff7900; border-right-color: #ff7900; 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; } .moxis .v-progressbar-indeterminate .v-progressbar-wrapper { display: none; } .moxis .v-slider { position: relative; } .moxis .v-slider:focus { outline: none; } .moxis .v-slider:focus .v-slider-handle:after { opacity: 1; } .moxis .v-slider.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-slider-base { border-radius: 3px; height: 9px; background-color: #d9d9d9; background-image: -webkit-linear-gradient(bottom, #dadada 2%, #d3d3d3 98%); background-image: linear-gradient(to top,#dadada 2%, #d3d3d3 98%); box-sizing: border-box; min-width: 74px; height: 6px; margin: 16px 11px; white-space: nowrap; overflow: hidden; } .moxis .v-slider-base:before { content: ""; position: absolute; top: 16px; bottom: 16px; left: 11px; width: 6px; border-radius: 3px; border-left: 1px solid #d16300; } .moxis .v-slider-base:after { border-radius: 3px; height: inherit; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); border: 1px solid #d16300; box-sizing: border-box; max-width: 100%; content: ""; display: inline-block; margin-left: -100%; width: 100%; vertical-align: top; } .moxis .v-has-width > .v-slider-base { min-width: 0; } .moxis .v-slider-handle { margin-top: -16px; width: 0.1px; display: inline-block; vertical-align: top; } .moxis .v-slider-handle:before { height: 37px; padding: 0 16px; color: #1a1a1a; font-weight: 400; border-radius: 3px; border: 1px solid #d1d1d1; border-top-color: #d1d1d1; border-bottom-color: #cdcdcd; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .moxis .v-slider-handle:before:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-slider-handle:before:hover:after { background-color: rgba(191, 191, 191, 0.1); } .moxis .v-slider-handle:before:focus:after { border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-slider-handle:before:active:after { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-slider-handle:after { border: 1px solid #d1d1d1; border-color: #ff7900; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); opacity: 0; } .moxis .v-slider-handle:before, .moxis .v-slider-handle:after { content: ""; box-sizing: border-box; padding: 0; width: 22px; height: 22px; border-radius: 11px; position: absolute; z-index: 1; margin-top: 8px; margin-left: -11px; } .moxis .v-slider-feedback { background-color: rgba(51, 51, 51, 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: 5px 9px; border-radius: 2px; max-width: 35em; overflow: hidden !important; font-size: 14px; } .moxis .v-slider-vertical { padding: 11px 0; height: 96px; } .moxis .v-slider-vertical .v-slider-base { background-color: #d9d9d9; background-image: -webkit-linear-gradient(right, #dadada 2%, #d3d3d3 98%); background-image: linear-gradient(to left,#dadada 2%, #d3d3d3 98%); width: 6px; height: 100% !important; min-width: 0; margin: 0 16px; } .moxis .v-slider-vertical .v-slider-base:before { top: auto; bottom: 11px; left: 16px; right: 16px; width: auto; height: 6px; border-left: none; border-bottom: 1px solid #d16300; } .moxis .v-slider-vertical .v-slider-base:after { height: 101%; margin-left: 0; background-color: #ff7900; background-image: -webkit-linear-gradient(left, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to right,#ff7c00 2%, #fb7300 98%); } .moxis .v-slider-vertical .v-slider-handle { width: 0; height: 0.1px; width: 37px; display: block; } .moxis .v-slider-vertical .v-slider-handle:before, .moxis .v-slider-vertical .v-slider-handle:after { width: 22px; height: 22px; margin-top: -11px; margin-left: -8px; } .moxis .v-slider-no-indicator .v-slider-base:before, .moxis .v-slider-no-indicator .v-slider-base:after { display: none; } .moxis .v-tabsheet:not(.v-has-width) { width: auto !important; } .moxis .v-tabsheet-spacertd { display: none !important; } .moxis .v-tabsheet-tabcontainer { position: relative; box-sizing: border-box; } .moxis .v-tabsheet-tabcontainer:before { content: ""; position: absolute; height: 0; border-top: 1px solid #d8d8d8; bottom: 0; left: 0; right: 0; } .moxis .v-tabsheet-tabcontainer .v-tabsheet-tabs { position: relative; } .moxis .v-tabsheet-tabitemcell { vertical-align: bottom; } .moxis .v-tabsheet-tabitemcell .v-tabsheet-tabitem { line-height: 0; overflow: hidden; } .moxis .v-tabsheet-tabitemcell .v-caption { margin-left: 19px; padding: 0 4px; box-sizing: border-box; cursor: pointer; text-align: center; line-height: 37px; font-size: 15px; font-weight: 300; color: #646464; width: auto !important; overflow: hidden; text-overflow: ellipsis; border-bottom: 2px solid transparent; position: relative; } .moxis .v-tabsheet-tabitemcell .v-caption .v-captiontext { display: inline; } .moxis .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext { margin-left: 9px; } .moxis .v-tabsheet-tabitemcell .v-caption:hover { color: #ff7900; } .moxis .v-tabsheet-tabitemcell .v-caption.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; cursor: default; color: inherit !important; } .moxis .v-tabsheet-tabitemcell:first-child .v-caption, .moxis .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption { margin-left: 0; } .moxis .v-tabsheet-tabitemcell:focus { outline: none; } .moxis .v-tabsheet-tabitemcell:focus .v-caption { color: #ff7900; } .moxis .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption { border-bottom-color: #ff7900; color: #ff7900; } .moxis .v-tabsheet-tabitemcell .v-caption-closable { padding-right: 22px; } .moxis .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable { padding-right: 4px; } .moxis .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: #8f8f8f; } .moxis .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover { background: rgba(0, 0, 0, 0.03); color: #ff7900; } .moxis .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active { background: #ff7900; color: #f2dac4; } .moxis .v-tabsheet-scroller { position: absolute; top: 0; right: 0; bottom: 0; padding-left: 19px; background-color: transparent; background-image: -webkit-linear-gradient(right, #FFF 70%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to left,#FFF 70%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } .moxis .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, #e8e8e8 70%, rgba(232, 232, 232, 0) 100%); background-image: linear-gradient(to left,#e8e8e8 70%, rgba(232, 232, 232, 0) 100%); } .moxis .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 9px; outline: none; cursor: pointer; pointer-events: auto; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-tabsheet-scroller button:hover { opacity: 1; filter: none ; color: #ff7900; } .moxis .v-tabsheet-scroller button:active { opacity: 0.7; filter: alpha(opacity=70) ; color: #ff7900; } .moxis .v-tabsheet-scroller button::-moz-focus-inner { padding: 0; border: 0; } .moxis .v-tabsheet-scroller [class*="Next"] { padding-left: 5px; } .moxis .v-tabsheet-scroller [class*="Next"]:before { font-family: ThemeIcons; content: "\f054"; } .moxis .v-tabsheet-scroller [class*="Prev"] { padding-right: 5px; } .moxis .v-tabsheet-scroller [class*="Prev"]:before { font-family: ThemeIcons; content: "\f053"; } .moxis .v-tabsheet-scroller [class*="disabled"] { cursor: default; color: inherit !important; opacity: 0.1 !important; filter: alpha(opacity=10) !important; } .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer table, .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tbody, .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr { width: 100%; } .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer tr { display: table; table-layout: fixed; } .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer td { display: table-cell; } .moxis .v-tabsheet-equal-width-tabs > .v-tabsheet-tabcontainer .v-caption { margin: 0; display: block; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption { margin-left: 4px; padding: 0 12px; background-color: #EEE; border: 1px solid transparent; line-height: 36px; border-radius: 3px 3px 0 0; font-weight: 400; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption:hover { background-color: #e6e6e6; border-bottom-color: #d8d8d8; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover { background-color: #EEE; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-caption-closable { padding-right: 30px; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { top: 4px; right: 4px; margin-top: 0; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer td:first-child .v-caption, .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption { margin-left: 0; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption { border-color: #d8d8d8; } .moxis .v-tabsheet-framed > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption { background: #fbfbfb; border-color: #d8d8d8; border-bottom: none; padding-bottom: 1px; } .moxis .v-tabsheet-framed > .v-tabsheet-content { border: 1px solid #d8d8d8; border-top: none; } .moxis .v-tabsheet-framed > .v-tabsheet-content > div { background: #fbfbfb; } .moxis .v-tabsheet-framed.padded-tabbar > .v-tabsheet-tabcontainer { border: 1px solid #d8d8d8; border-bottom: none; background: #FFF; padding-top: 6px; } .moxis .v-tabsheet-framed.icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption { padding-bottom: 7px; } .moxis .v-tabsheet-centered-tabs > .v-tabsheet-tabcontainer { text-align: center; } .moxis .v-tabsheet-right-aligned-tabs > .v-tabsheet-tabcontainer { text-align: right; } .moxis .v-tabsheet-padded-tabbar > .v-tabsheet-tabcontainer .v-tabsheet-tabs { padding: 0 9px; } .moxis .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption { padding-top: 6px; padding-bottom: 6px; line-height: 1.2; } .moxis .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon { display: block; } .moxis .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-icon + .v-captiontext.v-captiontext { margin-left: 0; } .moxis .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-caption-closable { padding-right: 12px; } .moxis .v-tabsheet-icons-on-top > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { top: 4px; margin-top: 0; } .moxis .v-tabsheet-compact-tabbar > .v-tabsheet-tabcontainer-compact-tabbar .v-caption { line-height: 1.8; } .moxis .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-caption-close { visibility: hidden; } .moxis .v-tabsheet-only-selected-closable > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close { visibility: visible; } .moxis .v-colorpicker-popup.v-window { min-width: 220px !important; } .moxis .v-colorpicker-popup .v-tabsheet-tabs { padding: 0 9px; } .moxis .v-colorpicker-popup [class$="sliders"] { padding: 12px; } .moxis .v-colorpicker-popup [class$="sliders"] .v-widget { width: 100% !important; vertical-align: middle; } .moxis .v-colorpicker-popup [class$="sliders"] .v-has-caption { white-space: nowrap; padding-left: 48px; } .moxis .v-colorpicker-popup [class$="sliders"] .v-caption { display: inline-block; margin-left: -48px; width: 48px; } .moxis .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption { padding-left: 80px; } .moxis .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption { margin-left: -80px; width: 80px; } .moxis .v-colorpicker-popup .v-slider-red .v-slider-base:after { background: red; border: none; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-colorpicker-popup .v-slider-green .v-slider-base:after { background: green; border: none; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-colorpicker-popup .v-slider-blue .v-slider-base:after { background: blue; border: none; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-colorpicker-popup .v-margin-bottom { padding-bottom: 0; } .moxis .v-colorpicker-popup .resize-button { width: 100% !important; height: auto !important; text-align: center; outline: none; } .moxis .v-colorpicker-popup .resize-button:before { font-family: ThemeIcons; content: "\f141"; } .moxis .v-colorpicker-popup .resize-button-caption { display: none; } .moxis .v-colorpicker-popup .v-horizontallayout { height: auto !important; padding: 9px 0; background-color: #FFF; border-top: 1px solid #f2f2f2; } .moxis .v-colorpicker-popup .v-horizontallayout .v-expand { overflow: visible; } .moxis .v-colorpicker-popup .v-horizontallayout .v-button { width: 80% !important; } .moxis .v-colorpicker-preview { width: 100% !important; height: auto !important; padding: 9px; display: inline-flex; } .moxis .v-colorpicker-preview-textfield { height: auto !important; text-align: center; border: none; } .moxis .v-colorpicker { width: auto; } .moxis .v-colorpicker-button-color { position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.5); max-width: 23px; } .moxis .v-colorpicker-button-color + .v-button-caption:not(:empty) { margin-left: 19px; } .moxis .v-panel { background: #fbfbfb; color: #464646; border-radius: 3px; border: 1px solid #d0d0d0; overflow: visible !important; } .moxis .v-panel-caption { box-sizing: border-box; padding: 0 12px; line-height: 36px; border-bottom: 1px solid #dedede; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fefefe 98%); background-image: linear-gradient(to bottom,white 2%, #fefefe 98%); color: #474747; font-weight: 400; font-size: 14px; -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); border-radius: 2px 2px 0 0; } .moxis .v-panel-content { box-sizing: border-box; width: 100%; height: 100%; } .moxis .v-panel-content > .v-margin-top { padding-top: 12px; } .moxis .v-panel-content > .v-margin-right { padding-right: 12px; } .moxis .v-panel-content > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-panel-content > .v-margin-left { padding-left: 12px; } .moxis .v-panel-borderless { background: transparent; color: inherit; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-panel-borderless > div > [class*="-caption"] { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; padding: 0; margin: 0 12px; border-bottom: none; } .moxis .v-panel-well { background: #fafafa; color: #464646; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset false; border-radius: 3px; border: 1px solid #d1d1d1; } .moxis .v-panel-well > div > [class*="-caption"] { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-panel-scroll-divider > [class*="-captionwrap"] { position: relative; z-index: 2; } .moxis .v-panel-scroll-divider > [class*="-captionwrap"]:after { content: ""; position: absolute; bottom: -1px; right: 0; left: 0; height: 0; border-top: 1px solid #d8d8d8; border-color: rgba(195, 195, 195, 0.5); } .moxis .v-panel-scroll-divider > [class*="-content"]:before { content: ""; position: absolute; z-index: 2; top: 0; height: 0; border-top: 1px solid #EEE; left: 0; right: 0; } .moxis .v-panel-caption.v-horizontallayout { height: auto !important; line-height: 0; } .moxis .v-panel-caption.v-horizontallayout .v-slot { vertical-align: middle; } .moxis .v-panel-caption.v-horizontallayout .v-label { line-height: 37px; } .moxis .v-accordion { background: #fbfbfb; color: #464646; border-radius: 3px; border: 1px solid #d0d0d0; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fdfdfd 98%); background-image: linear-gradient(to bottom,white 2%, #fdfdfd 98%); overflow: hidden; } .moxis .v-accordion-item { position: relative; } .moxis .v-accordion-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .moxis .v-accordion-item:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .moxis .v-accordion-item:last-child [class*="item-content"] { border-radius: inherit; } .moxis .v-accordion-item[class*="item-open"]:last-child > div > .v-caption { border-radius: 0; } .moxis .v-accordion-item:not([class*="item-open"]):last-child > div > .v-caption { border-bottom: none; margin-bottom: 0; } .moxis .v-accordion-item[class*="item-open"] + [class*="item"] { border-top: 1px solid #dbdbdb; } .moxis .v-accordion-item-caption { border-radius: inherit; } .moxis .v-accordion-item-caption > .v-caption { box-sizing: border-box; padding: 0 12px; line-height: 36px; border-bottom: 1px solid #dedede; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fefefe 98%); background-image: linear-gradient(to bottom,white 2%, #fefefe 98%); color: #474747; font-weight: 400; font-size: 14px; -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); display: block; background: transparent; border-bottom-color: #cdcdcd; border-radius: inherit; cursor: pointer; position: relative; } .moxis .v-accordion-item-caption > .v-caption:hover:before, .moxis .v-accordion-item-caption > .v-caption:active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .moxis .v-accordion-item-caption > .v-caption:hover:before { background-color: rgba(191, 191, 191, 0.1); border: none; } .moxis .v-accordion-item-caption > .v-caption:active:before { background-color: rgba(128, 128, 128, 0.2); } .moxis .v-accordion-item-content { -webkit-box-shadow: inset false; box-shadow: inset false; background-color: #fbfbfb; box-sizing: border-box; } .moxis .v-accordion-item-content > .v-margin-top { padding-top: 12px; } .moxis .v-accordion-item-content > .v-margin-right { padding-right: 12px; } .moxis .v-accordion-item-content > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-accordion-item-content > .v-margin-left { padding-left: 12px; } .moxis .v-accordion-borderless { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .moxis .v-accordion-borderless > .v-accordion-item, .moxis .v-accordion-borderless > .v-accordion-item > div > .v-caption, .moxis .v-accordion-borderless > .v-accordion-item > .v-accordion-item-content { border-radius: 0; } .moxis .v-select-twincol { white-space: normal; } .moxis .v-select-twincol select { border: 1px solid #d1d1d1; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); color: #474747; } .moxis .v-select-twincol select:focus { outline: none; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-select-twincol .v-textfield, .moxis .v-select-twincol .v-nativebutton { width: auto !important; margin-top: 9px; } .moxis .v-select-twincol .v-nativebutton { margin-left: 9px; } .moxis .v-select-twincol-caption-left, .moxis .v-select-twincol-caption-right { font-size: 14px; font-weight: 400; padding-bottom: 0.3em; padding-left: 1px; } .moxis .v-select-twincol-buttons { white-space: nowrap; display: inline-block; vertical-align: top; position: relative; min-width: 3.5em; } .moxis .v-select-twincol-buttons .v-button { box-sizing: border-box; display: inline-block; vertical-align: top; text-align: left; white-space: normal; position: absolute; left: 9px; right: 9px; top: 36px; padding: 0; text-align: center; } .moxis .v-select-twincol-buttons .v-button:first-child { top: 0; } .moxis .v-select-twincol-buttons .v-button-caption { display: none; } .moxis .v-select-twincol-buttons .v-button:focus { z-index: 1; } .moxis .v-select-twincol-buttons .v-button:first-child { border-radius: 3px 3px 0 0; } .moxis .v-select-twincol-buttons .v-button:last-child { border-radius: 0 0 3px 3px; } .moxis .v-select-twincol-buttons .v-button-wrap:before { font-family: ThemeIcons; content: "\f053"; } .moxis .v-select-twincol-buttons .v-button:first-child .v-button-wrap:before { font-family: ThemeIcons; content: "\f054"; } .moxis .v-select-twincol-error .v-select-twincol-options, .moxis .v-select-twincol-error .v-select-twincol-selections { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-select-twincol-error-info .v-select-twincol-options, .moxis .v-select-twincol-error-info .v-select-twincol-selections { border-color: #00a7f5 !important; background: #fafdff; color: #195774; } .moxis .v-select-twincol-error-warning .v-select-twincol-options, .moxis .v-select-twincol-error-warning .v-select-twincol-selections { border-color: #fc9c00 !important; background: #fffdfa; color: #745119; } .moxis .v-select-twincol-error-error .v-select-twincol-options, .moxis .v-select-twincol-error-error .v-select-twincol-selections { border-color: #ed473b !important; background: #fffbfb; color: #6c2621; } .moxis .v-select-twincol-error-critical .v-select-twincol-options, .moxis .v-select-twincol-error-critical .v-select-twincol-selections { border-color: #fa007d !important; background: #fffafc; color: #741947; } .moxis .v-select-twincol-error-system .v-select-twincol-options, .moxis .v-select-twincol-error-system .v-select-twincol-selections { border-color: #bb00ff !important; background: #fefaff; color: #5c1974; } .moxis .v-select select { border: 1px solid #d1d1d1; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); color: #474747; } .moxis .v-select select:focus { outline: none; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-select-select { display: block; } .moxis .v-select-select + .v-textfield { width: auto !important; margin-top: 9px; } .moxis .v-select-select + .v-textfield + .v-nativebutton { margin-top: 9px; margin-left: 9px; } .moxis .v-select-error .v-select-select { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-calendar-header-day { font-weight: 400; text-align: center; padding: 7px 0; } .moxis .v-calendar-header-week .v-calendar-back, .moxis .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) ; } .moxis .v-calendar-header-week .v-calendar-back:focus, .moxis .v-calendar-header-week .v-calendar-next:focus { outline: none; } .moxis .v-calendar-header-week .v-calendar-back:hover, .moxis .v-calendar-header-week .v-calendar-next:hover { opacity: 1; filter: none ; } .moxis .v-calendar-header-week .v-calendar-back:active, .moxis .v-calendar-header-week .v-calendar-next:active { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-calendar-header-week .v-calendar-back:before { font-family: ThemeIcons; content: "\f053"; } .moxis .v-calendar-header-week .v-calendar-next:before { font-family: ThemeIcons; content: "\f054"; } .moxis .v-calendar-month { outline: none; overflow: hidden; } .moxis .v-calendar-month td { vertical-align: top; } .moxis .v-calendar-week-number { cursor: pointer; width: 20px; text-align: center; font-size: 0.8em; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-calendar-week-number:hover { opacity: 1; filter: none ; } .moxis .v-calendar-month-day { outline: none; box-sizing: border-box; line-height: 1.2; } .moxis .v-calendar-bottom-spacer, .moxis .v-calendar-spacer, .moxis .v-calendar-bottom-spacer-empty { height: 19px; margin-bottom: 3px; } .moxis .v-calendar-bottom-spacer { font-size: 0.8em; padding: 0 5px; cursor: pointer; } .moxis .v-calendar-bottom-spacer:hover { color: #ff7900; } .moxis .v-calendar-day-number { line-height: 25px; font-size: 16px; text-align: right; margin: 0 5px; white-space: nowrap; border-top: 1px solid #f7f7f7; cursor: pointer; } .moxis .v-calendar-day-number:hover { color: #ff7900; } .moxis .v-calendar-month-day-today { background: #fff8f2; } .moxis .v-calendar-month-day-today .v-calendar-day-number { font-weight: 400; color: #ff7900; border-top: 2px solid #ff7900; line-height: 24px; margin: 0; padding: 0 5px; } .moxis .v-calendar-month-day-selected { background-color: #fff1e5; } .moxis .v-calendar-month-day-dragemphasis { background-color: #a8a8a8; } .moxis .v-calendar-month-day-scrollable { overflow-y: scroll; } .moxis .v-calendar-weekly-longevents { margin-left: 50px; border-bottom: 3px solid #e6e6e6; } .moxis .v-calendar-weekly-longevents .v-calendar-event-all-day { height: 22px; line-height: 1.6; margin-bottom: 3px; } .moxis .v-calendar-header-week td { vertical-align: middle !important; } .moxis .v-calendar-header-week .v-calendar-header-day { cursor: pointer; } .moxis .v-calendar-times { width: 50px; font-size: 0.77em; line-height: 1; white-space: nowrap; } .moxis .v-calendar-time { text-align: right; padding-right: 9px; margin-top: -6px; padding-bottom: 6px; } .moxis .v-calendar-day-times, .moxis .v-calendar-day-times-today { outline: none; border-right: 1px solid transparent; } .moxis .v-calendar-day-times:focus, .moxis .v-calendar-day-times-today:focus { outline: none; } .moxis .v-calendar .v-datecellslot, .moxis .v-calendar .v-datecellslot-even { border-top: 1px solid #d8d8d8; } .moxis .v-calendar .v-datecellslot:first-child, .moxis .v-calendar .v-datecellslot-even:first-child { border-top-color: transparent; } .moxis .v-calendar .v-datecellslot { border-top-style: dotted; } .moxis .v-calendar .v-datecellslot, .moxis .v-calendar .v-datecellslot-even { margin-right: 5px; } .moxis .v-calendar-current-time { background: #ff7900; line-height: 1px; pointer-events: none; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-calendar-current-time:before { content: "\2022"; color: #ff7900; font-size: 22px; margin-left: -0.07em; } .moxis .v-calendar .v-daterange { position: relative; } .moxis .v-calendar .v-daterange:before { content: ""; position: absolute; top: 0; right: 0; bottom: -1px; left: 0; background: #ff7900; opacity: 0.5; filter: alpha(opacity=50) ; border-radius: 3px 3px 0 0; } .moxis .v-calendar .v-daterange + .v-daterange { border-color: transparent; } .moxis .v-calendar .v-daterange + .v-daterange:before { border-radius: 0; } .moxis .v-calendar-event { font-size: 0.85em; overflow: hidden; cursor: pointer; outline: none; border-radius: 3px; } .moxis .v-calendar-event:focus { outline: none; } .moxis .v-calendar-event-month { padding: 0 5px; box-sizing: border-box; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; height: 19px; line-height: 19px; } .moxis .v-calendar-event-month .v-calendar-event-time { float: right; font-size: 0.9em; line-height: 19px; opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-calendar-event-month:before { content: "\25cf"; margin-right: 0.2em; } .moxis .v-calendar-event-all-day { padding: 0 5px; box-sizing: border-box; height: 19px; line-height: 19px; border-radius: 0; margin-left: -1px; white-space: nowrap; } .moxis .v-calendar-event-all-day:before { content: ""; } .moxis .v-calendar-event-start { overflow: visible; margin-left: 0; } .moxis .v-calendar-event-start.v-calendar-event-continued-to, .moxis .v-calendar-event-start.v-calendar-event-end { overflow: hidden; text-overflow: ellipsis; } .moxis .v-calendar-event-start { border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 5px; } .moxis .v-calendar-event-end { border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-right: 5px; } .moxis .v-calendar-event-caption { font-weight: 500; line-height: 1.2; padding: 5px 0; position: absolute; overflow: hidden; right: 9px; left: 5px; bottom: 0; top: 0; } .moxis .v-calendar-event-caption span { font-weight: 300; white-space: nowrap; } .moxis .v-calendar-week-wrapper .v-calendar-event { overflow: visible; } .moxis .v-calendar-week-wrapper .v-calendar-event-content { margin-top: -1px; border-radius: 4px; border: 1px solid #EEE; padding-top: 3px; margin-right: 5px; } .moxis .v-calendar-event-month:before { color: #00ace0; } .moxis .v-calendar-event-all-day { background-color: #cceef8; background-color: rgba(204, 238, 248, 0.8); color: #00ace0; } .moxis .v-calendar-week-wrapper .v-calendar-event { color: #00ace0; } .moxis .v-calendar-week-wrapper .v-calendar-event .v-calendar-event-content { background-color: #cceef8; background-color: rgba(204, 238, 248, 0.8); } .moxis .v-calendar-event-month[class*="color2"]:before { color: #2d9f19; } .moxis .v-calendar-event-all-day[class*="color2"] { background-color: #d5ebd1; background-color: rgba(213, 235, 209, 0.8); color: #2d9f19; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color2"] { color: #2d9f19; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color2"] .v-calendar-event-content { background-color: #d5ebd1; background-color: rgba(213, 235, 209, 0.8); } .moxis .v-calendar-event-month[class*="color3"]:before { color: #d18100; } .moxis .v-calendar-event-all-day[class*="color3"] { background-color: #f5e5cc; background-color: rgba(245, 229, 204, 0.8); color: #d18100; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color3"] { color: #d18100; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color3"] .v-calendar-event-content { background-color: #f5e5cc; background-color: rgba(245, 229, 204, 0.8); } .moxis .v-calendar-event-month[class*="color4"]:before { color: #ce3812; } .moxis .v-calendar-event-all-day[class*="color4"] { background-color: #f5d7cf; background-color: rgba(245, 215, 207, 0.8); color: #ce3812; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color4"] { color: #ce3812; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color4"] .v-calendar-event-content { background-color: #f5d7cf; background-color: rgba(245, 215, 207, 0.8); } .moxis .v-calendar-event-month[class*="color5"]:before { color: #2d55cd; } .moxis .v-calendar-event-all-day[class*="color5"] { background-color: #d5ddf5; background-color: rgba(213, 221, 245, 0.8); color: #2d55cd; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color5"] { color: #2d55cd; } .moxis .v-calendar-week-wrapper .v-calendar-event[class*="color5"] .v-calendar-event-content { background-color: #d5ddf5; background-color: rgba(213, 221, 245, 0.8); } .moxis .v-calendar.v-disabled * { cursor: default; } .moxis .v-label { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .moxis .v-label.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-label-undef-w { white-space: nowrap; } .moxis h1, .moxis .v-label-h1, .moxis h2, .moxis .v-label-h2, .moxis h3, .moxis .v-label-h3 { line-height: 1.1; font-weight: 200; color: #131313; } .moxis h1, .moxis .v-label-h1 { font-size: 2.4em; margin-top: 1.4em; margin-bottom: 1em; letter-spacing: -0.03em; } .moxis h2, .moxis .v-label-h2 { font-size: 1.6em; margin-top: 1.6em; margin-bottom: 0.77em; letter-spacing: -0.02em; } .moxis h3, .moxis .v-label-h3 { font-size: 1.2em; margin-top: 1.8em; margin-bottom: 0.77em; letter-spacing: 0; } .moxis h4, .moxis .v-label-h4 { line-height: 1.1; font-weight: 500; font-size: 14px; color: #3e3e3e; text-transform: uppercase; letter-spacing: 0; margin-top: 2.4em; margin-bottom: 0.8em; } .moxis .v-csslayout > h1:first-child, .moxis .v-csslayout > h2:first-child, .moxis .v-csslayout > h3:first-child, .moxis .v-csslayout > h4 > .v-label-h1:first-child, .moxis .v-csslayout > .v-label-h2:first-child, .moxis .v-csslayout > .v-label-h3:first-child, .moxis .v-csslayout > .v-label-h4:first-child { margin-top: 16px; } .moxis .v-verticallayout > .v-slot:first-child h1, .moxis .v-verticallayout > .v-slot:first-child .v-label-h1, .moxis .v-verticallayout > .v-slot:first-child h2, .moxis .v-verticallayout > .v-slot:first-child .v-label-h2, .moxis .v-verticallayout > .v-slot:first-child h3, .moxis .v-verticallayout > .v-slot:first-child .v-label-h3, .moxis .v-verticallayout > .v-slot:first-child h4, .moxis .v-verticallayout > .v-slot:first-child .v-label-h4, .moxis .v-verticallayout > div > .v-slot:first-child h1, .moxis .v-verticallayout > div > .v-slot:first-child .v-label-h1, .moxis .v-verticallayout > div > .v-slot:first-child h2, .moxis .v-verticallayout > div > .v-slot:first-child .v-label-h2, .moxis .v-verticallayout > div > .v-slot:first-child h3, .moxis .v-verticallayout > div > .v-slot:first-child .v-label-h3, .moxis .v-verticallayout > div > .v-slot:first-child h4, .moxis .v-verticallayout > div > .v-slot:first-child .v-label-h4 { margin-top: 16px; } .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h1, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h2, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h3, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell h4, .moxis .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell .v-label-h4, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h1, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h1, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h2, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h2, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h3, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h3, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell h4, .moxis .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell .v-label-h4 { margin-top: -0.5em; } .moxis h1.no-margin, .moxis .v-label-h1.no-margin, .moxis h2.no-margin, .moxis .v-label-h2.no-margin, .moxis h3.no-margin, .moxis .v-label-h3.no-margin, .moxis h4.no-margin, .moxis .v-label-h4.no-margin { margin: 0 !important; } .moxis .v-label-colored { color: #ff7900; } .moxis .v-label-large { font-size: 20px; } .moxis .v-label-small { font-size: 14px; } .moxis .v-label-tiny { font-size: 12px; } .moxis .v-label-huge { font-size: 26px; } .moxis .v-label-bold { font-weight: 500; } .moxis .v-label-light { font-weight: 200; color: #777777; } .moxis .v-label-align-right { text-align: right; } .moxis .v-label-align-center { text-align: center; } .moxis .v-label-spinner { height: 24px !important; width: 24px !important; box-sizing: border-box; border: 2px solid rgba(255, 121, 0, 0.2); border-top-color: #ff7900; border-right-color: #ff7900; 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; } .moxis .v-label-success, .moxis .v-label-failure { background: white; color: #474747; border: 2px solid #ff7900; border-radius: 3px; padding: 7px 19px 7px 37px; font-weight: 400; font-size: 15px; } .moxis .v-label-success:before, .moxis .v-label-failure:before { font-family: ThemeIcons; content: "\f00c"; margin-right: 0.5em; margin-left: -19px; color: #ff7900; } .moxis .v-label-failure { border-color: #d94560; } .moxis .v-label-failure:before { content: "\f05e"; color: #d94560; } .moxis [draggable=true] { -khtml-user-drag: element; -webkit-user-drag: element; } .moxis .v-ddwrapper { position: relative; } .moxis .v-ddwrapper-over:before, .moxis .v-ddwrapper-over:after { content: ""; position: absolute; z-index: 10; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 0 solid #ff7900; } .moxis .v-ddwrapper-over-top:before { border-top-width: 2px; } .moxis .v-ddwrapper-over-right:before { border-right-width: 2px; } .moxis .v-ddwrapper-over-bottom:before { border-bottom-width: 2px; } .moxis .v-ddwrapper-over-left:before { border-left-width: 2px; } .moxis .no-vertical-drag-hints .v-ddwrapper-over-top:before, .moxis .no-vertical-drag-hints.v-ddwrapper-over-top:before { border-top-width: 0; } .moxis .no-vertical-drag-hints .v-ddwrapper-over-top:after, .moxis .no-vertical-drag-hints.v-ddwrapper-over-top:after { border-width: 2px; border-radius: 3px; opacity: 0.3; filter: alpha(opacity=30.0) ; background: #ffbc80; } .moxis .no-vertical-drag-hints .v-ddwrapper-over-bottom:before, .moxis .no-vertical-drag-hints.v-ddwrapper-over-bottom:before { border-bottom-width: 0; } .moxis .no-vertical-drag-hints .v-ddwrapper-over-bottom:after, .moxis .no-vertical-drag-hints.v-ddwrapper-over-bottom:after { border-width: 2px; border-radius: 3px; opacity: 0.3; filter: alpha(opacity=30.0) ; background: #ffbc80; } .moxis .no-horizontal-drag-hints.v-ddwrapper-over-left:before, .moxis .no-horizontal-drag-hints .v-ddwrapper-over-left:before { border-left-width: 0; } .moxis .no-horizontal-drag-hints.v-ddwrapper-over-left:after, .moxis .no-horizontal-drag-hints .v-ddwrapper-over-left:after { border-width: 2px; border-radius: 3px; opacity: 0.3; filter: alpha(opacity=30.0) ; background: #ffbc80; } .moxis .no-horizontal-drag-hints.v-ddwrapper-over-right:before, .moxis .no-horizontal-drag-hints .v-ddwrapper-over-right:before { border-right-width: 0; } .moxis .no-horizontal-drag-hints.v-ddwrapper-over-right:after, .moxis .no-horizontal-drag-hints .v-ddwrapper-over-right:after { border-width: 2px; border-radius: 3px; opacity: 0.3; filter: alpha(opacity=30.0) ; background: #ffbc80; } .moxis .v-ddwrapper-over-middle:after, .moxis .v-ddwrapper-over-center:after { border-width: 2px; border-radius: 3px; opacity: 0.3; filter: alpha(opacity=30.0) ; background: #ffbc80; } .moxis .no-box-drag-hints.v-ddwrapper:after, .moxis .no-box-drag-hints .v-ddwrapper:after { display: none !important; content: none; } .moxis button { font: inherit; font-weight: 400; line-height: 1.55; } .moxis .v-nativebutton { -webkit-touch-callout: none; } .moxis .v-select select { border: 1px solid #d1d1d1; background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); color: #474747; } .moxis .v-select select:focus { outline: none; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-select-select { display: block; } .moxis .v-select-select + .v-textfield { width: auto !important; margin-top: 9px; } .moxis .v-select-select + .v-textfield + .v-nativebutton { margin-top: 9px; margin-left: 9px; } .moxis .v-select-error .v-select-select { border-color: #d94560 !important; background: #fefbfc; color: #652934; } .moxis .v-popupview { cursor: pointer; color: #ff7900; text-decoration: underline; font-weight: inherit; } .moxis .v-popupview:hover { color: #ff9433; } .moxis .v-popupview.v-disabled { opacity: 0.5; filter: alpha(opacity=50) ; } .moxis .v-popupview-popup { padding: 4px 4px; border-radius: 3px; 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.09); 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.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .moxis .v-popupview-popup .popupContent > .v-margin-top { padding-top: 12px; } .moxis .v-popupview-popup .popupContent > .v-margin-right { padding-right: 12px; } .moxis .v-popupview-popup .popupContent > .v-margin-bottom { padding-bottom: 12px; } .moxis .v-popupview-popup .popupContent > .v-margin-left { padding-left: 12px; } .moxis .v-popupview-loading { margin: 12px 12px; height: 24px !important; width: 24px !important; box-sizing: border-box; border: 2px solid rgba(255, 121, 0, 0.2); border-top-color: #ff7900; border-right-color: #ff7900; 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; } .moxis .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: 37px; border-radius: 3px; padding: 0; border: 1px solid #c3c3c3; 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); height: auto; overflow: hidden; } .moxis .v-richtextarea[class*="prompt"] { color: #a3a3a3; } .moxis .v-richtextarea .gwt-RichTextToolbar { background-color: #FFF; background-image: -webkit-linear-gradient(top, white 2%, #fbfbfb 98%); background-image: linear-gradient(to bottom,white 2%, #fbfbfb 98%); -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; border-bottom: 1px solid #d1d1d1; color: #474747; } .moxis .v-richtextarea .gwt-ToggleButton, .moxis .v-richtextarea .gwt-PushButton { display: inline-block; line-height: 37px; width: 37px; text-align: center; outline: none; } .moxis .v-richtextarea .gwt-ToggleButton:hover, .moxis .v-richtextarea .gwt-PushButton:hover { color: black; } .moxis .v-richtextarea .gwt-ToggleButton-down, .moxis .v-richtextarea .gwt-ToggleButton-down-hovering { background-color: #e6e6e6; background-image: -webkit-linear-gradient(bottom, #e6e6e6 2%, #e4e4e4 98%); background-image: linear-gradient(to top,#e6e6e6 2%, #e4e4e4 98%); } .moxis .v-richtextarea .gwt-RichTextToolbar-top img { display: none; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div:before { font-family: ThemeIcons; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Bold"]:before { content: "\f032"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Italic"]:before { content: "\f033"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Underline"]:before { content: "\f0cd"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Subscript"]:before { content: "\f12c"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Superscript"]:before { content: "\f12b"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Left Justify"]:before { content: "\f036"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Center"]:before { content: "\f037"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Right Justify"]:before { content: "\f038"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Toggle Strikethrough"]:before { content: "\f0cc"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Right"]:before { content: "\f03c"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Indent Left"]:before { content: "\f03b"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Horizontal Rule"]:before { content: "\2014"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Ordered List"]:before { content: "\f0cb"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Unordered List"]:before { content: "\f0ca"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Insert Image"]:before { content: "\f03e"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Create Link"]:before { content: "\f0c1"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Link"]:before { content: "\f127"; } .moxis .v-richtextarea .gwt-RichTextToolbar-top div[title="Remove Formatting"]:before { content: "\f12d"; } .moxis .v-richtextarea .gwt-RichTextToolbar-bottom { font-size: 13px; padding: 0 9px 9px 0; } .moxis .v-richtextarea .gwt-RichTextToolbar-bottom select { margin: 9px 0 0 9px; } .moxis .v-richtextarea .gwt-RichTextArea { background: #fff; border: none; display: block; } .moxis .v-richtextarea-readonly { padding: 5px 7px; background: transparent; } .moxis .v-upload .v-button { box-sizing: border-box; display: inline-block; vertical-align: top; text-align: left; white-space: normal; } .moxis .v-upload-immediate .v-button { width: 100%; } .moxis .v-upload-immediate input[type="file"] { opacity: 0; filter: alpha(opacity=0) ; z-index: -1; position: absolute; right: 0; height: 37px; text-align: right; border: none; background: transparent; } .moxis .v-Notification.v-position-top { top: 12px; } .moxis .v-Notification.v-position-right { right: 12px; } .moxis .v-Notification.v-position-bottom { bottom: 12px; } .moxis .v-Notification.v-position-left { left: 12px; } .moxis .v-Notification.v-position-assistive { top: -9999px; left: -9999px; } .moxis .v-Notification { border-radius: 3px; 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: 19px 22px; } .moxis .v-Notification .v-Notification-caption { color: #ff7900; font-size: 19px; line-height: 1; } .moxis .v-Notification .v-Notification-description { line-height: 1.4; } .moxis .v-Notification-caption { margin: 0; display: inline-block; text-align: left; font-weight: inherit; line-height: inherit; white-space: nowrap; letter-spacing: 0; } .moxis .v-Notification-description, .moxis .v-Notification-details { margin: 0; display: inline-block; vertical-align: middle; max-width: 30em; text-align: left; max-height: 20em; overflow: auto; } .moxis .v-Notification-caption ~ .v-Notification-description, .moxis .v-Notification-caption ~ .v-Notification-details { margin-left: 24px; } .moxis .v-icon + .v-Notification-caption { margin-left: 16px; } .moxis .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: 12px 15px; background-color: #444; background-color: rgba(68, 68, 68, 0.9); font-weight: 400; line-height: 22px; } .moxis .v-Notification-system .v-Notification-description, .moxis .v-Notification-system .v-Notification-details { max-width: 50em; } .moxis .v-Notification-system.v-position-top { top: 0; } .moxis .v-Notification-system.v-position-bottom { bottom: 0; } .moxis .v-Notification-system .v-Notification-caption { color: #fff; vertical-align: middle; } .moxis .v-Notification-system .v-Notification-description, .moxis .v-Notification-system .v-Notification-details { color: #e6e6e6; } .moxis .v-Notification-system u { text-decoration: none; } .moxis .v-Notification.tray { text-align: left; } .moxis .v-Notification.tray .v-Notification-caption + .v-Notification-description { display: block; margin: 0.5em 0 0; } .moxis .v-Notification.warning { background: #FFF3D2; } .moxis .v-Notification.warning .v-Notification-caption { color: #AC7C00; } .moxis .v-Notification.warning .v-Notification-description { color: #9D874D; } .moxis .v-Notification.error { background: #d94560; 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); padding-right: 59px; overflow: hidden !important; cursor: pointer; } .moxis .v-Notification.error .v-Notification-caption { color: white; } .moxis .v-Notification.error .v-Notification-description { color: #f1e0e3; } .moxis .v-Notification.error:after { content: "\00d7"; font-size: 1.5em; position: absolute; top: 50%; margin-top: -12px; right: 12px; width: 25px; height: 25px; line-height: 24px; cursor: pointer; color: #000; opacity: 0.5; filter: alpha(opacity=50) ; text-align: center; border: 1px solid #000; border-color: rgba(0, 0, 0, 0.3); border-radius: 50%; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; transition: opacity 200ms; } .moxis .v-Notification.error:hover:after { opacity: 1; filter: none ; } .moxis .v-Notification.error: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; } .moxis .v-Notification.error:after { color: #fff; border-color: #fff; border-color: rgba(255, 255, 255, 0.3); } .moxis .v-Notification.error:active:after { background-color: #fff; color: #000; } .moxis .v-Notification.dark { background-color: #444; background-color: rgba(68, 68, 68, 0.9); font-weight: 400; line-height: 22px; } .moxis .v-Notification.dark .v-Notification-caption { color: #fff; vertical-align: middle; } .moxis .v-Notification.dark .v-Notification-description, .moxis .v-Notification.dark .v-Notification-details { color: #e6e6e6; } .moxis .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: 12px 15px; } .moxis .v-Notification.bar .v-Notification-description, .moxis .v-Notification.bar .v-Notification-details { max-width: 50em; } .moxis .v-Notification.bar.v-position-top { top: 0; } .moxis .v-Notification.bar.v-position-bottom { bottom: 0; } .moxis .v-Notification.small { padding: 11px 13px; } .moxis .v-Notification.small .v-Notification-caption { font-size: 16px; } .moxis .v-Notification.small .v-Notification-description { font-size: 14px; } .moxis .v-Notification.critical-error { background: #d94560; 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); } .moxis .v-Notification.critical-error .v-Notification-caption { color: white; } .moxis .v-Notification.critical-error .v-Notification-description { color: #f1e0e3; } .moxis .v-Notification.closable { padding-right: 59px; overflow: hidden !important; cursor: pointer; } .moxis .v-Notification.closable:after { content: "\00d7"; font-size: 1.5em; position: absolute; top: 50%; margin-top: -12px; right: 12px; width: 25px; height: 25px; line-height: 24px; cursor: pointer; color: #000; opacity: 0.5; filter: alpha(opacity=50) ; text-align: center; border: 1px solid #000; border-color: rgba(0, 0, 0, 0.3); border-radius: 50%; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; transition: opacity 200ms; } .moxis .v-Notification.closable:hover:after { opacity: 1; filter: none ; } .moxis .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; } .moxis .v-Notification.closable.dark:after, .moxis .v-Notification.closable.critical-error:after, .moxis .v-Notification.closable.system:after { color: #fff; border-color: #fff; border-color: rgba(255, 255, 255, 0.3); } .moxis .v-Notification.closable.dark:active:after, .moxis .v-Notification.closable.critical-error:active:after, .moxis .v-Notification.closable.system:active:after { background-color: #fff; color: #000; } .moxis .v-Notification.closable.tray:after { top: 16px; margin-top: 0; } .moxis .v-Notification.success, .moxis .v-Notification.failure { background: #fff; color: #555; border: 2px solid #ff7900; } .moxis .v-Notification.success .v-Notification-caption, .moxis .v-Notification.failure .v-Notification-caption { color: #ff7900; font-weight: 400; } .moxis .v-Notification.success .v-Notification-caption:before, .moxis .v-Notification.failure .v-Notification-caption:before { font-family: ThemeIcons; content: "\f00c"; margin-right: 0.5em; } .moxis .v-Notification.success.bar, .moxis .v-Notification.failure.bar { margin: -2px !important; } .moxis .v-Notification.failure { border-color: #d94560; } .moxis .v-Notification.failure .v-Notification-caption { color: #d94560; } .moxis .v-Notification.failure .v-Notification-caption:before { content: "\f05e"; } .moxis .valo-menu { height: 100%; background-color: #474747; background-image: -webkit-linear-gradient(right, #444444 0%, #474747 9px); background-image: linear-gradient(to left,#444444 0%, #474747 9px); color: #a3a3a3; font-size: 14px; line-height: 30px; border-right: 1px solid #3a3a3a; white-space: nowrap; } .moxis .valo-menu-toggle { display: none; position: fixed; z-index: 200; top: 3px; left: 3px; min-width: 0; } .moxis .valo-menu-part { border-left: 1px solid #3f3f3f; height: 100%; padding-bottom: 37px; overflow: auto; } .moxis .valo-menu-part:first-child { border-left: none; } .moxis .valo-menu-title, .moxis .valo-menu-subtitle, .moxis .valo-menu-item { display: block; line-height: inherit; white-space: nowrap; position: relative; } .moxis .valo-menu-title .valo-menu-badge, .moxis .valo-menu-subtitle .valo-menu-badge, .moxis .valo-menu-item .valo-menu-badge { position: absolute; right: 19px; } .moxis .valo-menu-title { line-height: 1.2; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); padding: 12px 19px; font-size: 14px; border-bottom: 1px solid #d16300; text-align: center; } .moxis .valo-menu-title .v-menubar.v-menubar { background: transparent; border-color: #d16300; color: inherit; -webkit-box-shadow: none; box-shadow: none; text-shadow: inherit; } .moxis .valo-menu-title .v-menubar-menuitem { background: transparent; -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: inherit; font-size: 16px; border-color: inherit; } .moxis .valo-menu-title h1, .moxis .valo-menu-title .v-label-h1, .moxis .valo-menu-title h2, .moxis .valo-menu-title .v-label-h2, .moxis .valo-menu-title h3, .moxis .valo-menu-title .v-label-h3, .moxis .valo-menu-title h4, .moxis .valo-menu-title .v-label-h4 { margin-top: 0; margin-bottom: 0; color: inherit; } .moxis .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: 19px 7px; display: block; overflow: hidden; text-align: center; height: auto; color: inherit; } .moxis .v-menubar-user-menu:focus:after { display: none; } .moxis .v-menubar-user-menu .v-menubar-menuitem { -webkit-box-shadow: none; box-shadow: none; border: none; margin-right: 1px; border-radius: 3px; color: #ff7900; padding: 0 12px; } .moxis .v-menubar-user-menu .v-menubar-menuitem:first-child, .moxis .v-menubar-user-menu .v-menubar-menuitem:last-child, .moxis .v-menubar-user-menu .v-menubar-menuitem:first-child:last-child { border-radius: 3px; } .moxis .v-menubar-user-menu .v-menubar-menuitem:before { content: none; } .moxis .v-menubar-user-menu .v-menubar-menuitem:hover { color: #ff9433; } .moxis .v-menubar-user-menu .v-menubar-menuitem:active { color: inherit; } .moxis .v-menubar-user-menu .v-menubar-menuitem-checked, .moxis .v-menubar-user-menu .v-menubar-menuitem-checked:first-child { border: 1px solid #d1d1d1; color: #ff7900; } .moxis .v-menubar-user-menu .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .moxis .v-menubar-user-menu .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption { position: relative; top: -1px; } .moxis .v-menubar-user-menu .v-menubar-menuitem-selected { color: #f9f2eb; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-menubar-user-menu .v-menubar-menuitem-selected:hover { color: #f9f2eb; } .moxis .v-menubar-user-menu .v-menubar-menuitem-disabled, .moxis .v-menubar-user-menu .v-menubar-menuitem-disabled:hover { color: inherit; } .moxis .v-menubar-user-menu > .v-menubar-menuitem { color: inherit; white-space: normal; line-height: 1.4; margin: 0; } .moxis .v-menubar-user-menu > .v-menubar-menuitem img.v-icon { width: 56px; height: 56px; border-radius: 29px; display: block; margin: 0 auto 0.3em; border: 1px solid #d1d1d1; } .moxis .v-menubar-user-menu > .v-menubar-menuitem:after { top: 0; right: 0; bottom: 0; left: 0; } .moxis .v-menubar-user-menu .v-menubar-menuitem-selected { background: transparent; } .moxis .valo-menu-subtitle { color: #848484; margin: 7px 0 7px 19px; border-bottom: 1px solid #626262; } .moxis .valo-menu-subtitle [class*="badge"] { color: #e5a266; } .moxis .valo-menuitems { display: block; } .moxis .valo-menu-item { outline: none; font-weight: 400; padding: 0 37px 0 19px; 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; } .moxis .valo-menu-item [class*="caption"] { vertical-align: middle; display: inline-block; width: 90%; max-width: 15em; padding-right: 19px; text-overflow: ellipsis; overflow: hidden; } .moxis .valo-menu-item [class*="badge"] { color: #ff7900; } .moxis .valo-menu-item.selected { background: #404040; } .moxis .valo-menu-item.selected .v-icon { color: #ff7900; } .moxis .valo-menu-item.selected [class*="badge"] { background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: #f2dac4; } .moxis .valo-menu-item:focus, .moxis .valo-menu-item:hover, .moxis .valo-menu-item.selected { color: white; } .moxis .valo-menu-item span.v-icon { min-width: 1em; margin-right: 19px; 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))); } .moxis .valo-menu-item span.v-icon + span { margin-left: 0; } .moxis .valo-menu-item [class*="badge"] { background-color: #545454; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; transition: background-color 300ms; line-height: 1; padding: 4px 6px; min-width: 11px; text-align: center; top: 4px; border-radius: 3px; } .moxis .valo-menu-part.large-icons { background-color: #474747; min-width: 74px; max-width: 111px; } .moxis .valo-menu-part.large-icons .valo-menu-title { font-size: 12px; } .moxis .valo-menu-part.large-icons .valo-menu-title .v-label-undef-w { white-space: normal; } .moxis .valo-menu-part.large-icons .v-menubar-user-menu { margin-left: 0; margin-right: 0; font-size: 11px; } .moxis .valo-menu-part.large-icons .v-menubar-user-menu img.v-icon { width: 28px; height: 28px; } .moxis .valo-menu-part.large-icons [class*="subtitle"] { margin: 9px 0 0; padding: 7px 25px 7px 9px; line-height: 1; border: none; text-overflow: ellipsis; overflow: hidden; background: #383838; font-size: 13px; } .moxis .valo-menu-part.large-icons [class*="subtitle"] [class*="badge"] { right: 9px; } .moxis .valo-menu-part.large-icons [class*="subtitle"] + .valo-menu-item { border-top: none; } .moxis .valo-menu-part.large-icons .valo-menu-item { display: block; font-size: 26px; line-height: 1; padding: 12px; text-align: center; border-top: 1px solid #525252; } .moxis .valo-menu-part.large-icons .valo-menu-item:first-child { border-top: none; } .moxis .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; } .moxis .valo-menu-part.large-icons .valo-menu-item .v-icon { margin: 0; } .moxis .valo-menu-part.large-icons .valo-menu-item span.v-icon { opacity: 0.8; } .moxis .valo-menu-part.large-icons .valo-menu-item.selected { background: #404040; } .moxis .valo-menu-part.large-icons .valo-menu-item.selected .v-icon { opacity: 1; } .moxis .valo-menu-part.large-icons .valo-menu-item.selected [class*="badge"] { border-color: #404040; } .moxis .valo-menu-part.large-icons .valo-menu-item [class*="badge"] { padding-left: 4px; padding-right: 4px; top: 7px; right: 7px; border: 2px solid #474747; } .moxis .valo-menu-logo { display: block; overflow: hidden; width: 44px !important; height: 44px; border-radius: 3px; text-align: center; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); color: white; font-size: 25px; line-height: 44px; margin: 19px auto; } .moxis .valo-menu-logo:focus { outline: none; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part { background-color: #474747; min-width: 74px; max-width: 111px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title { font-size: 12px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-title .v-label-undef-w { white-space: normal; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu { margin-left: 0; margin-right: 0; font-size: 11px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .v-menubar-user-menu img.v-icon { width: 28px; height: 28px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] { margin: 9px 0 0; padding: 7px 25px 7px 9px; line-height: 1; border: none; text-overflow: ellipsis; overflow: hidden; background: #383838; font-size: 13px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] [class*="badge"] { right: 9px; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part [class*="subtitle"] + .valo-menu-item { border-top: none; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item { display: block; font-size: 26px; line-height: 1; padding: 12px; text-align: center; border-top: 1px solid #525252; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item:first-child { border-top: none; } .moxis .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; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item .v-icon { margin: 0; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item span.v-icon { opacity: 0.8; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected { background: #404040; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected .v-icon { opacity: 1; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item.selected [class*="badge"] { border-color: #404040; } .moxis .valo-menu-responsive[width-range~="801px-1100px"] .valo-menu-part .valo-menu-item [class*="badge"] { padding-left: 4px; padding-right: 4px; top: 7px; right: 7px; border: 2px solid #474747; } .moxis .valo-menu-responsive[width-range~="0-800px"] { padding-top: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; } .moxis .valo-menu-responsive[width-range~="0-800px"] .v-loading-indicator { top: 37px; } .moxis .valo-menu-responsive[width-range~="0-800px"] > .v-widget { position: relative !important; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu { border-right: none; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu-part { overflow: visible; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu-toggle { display: inline-block; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu-title { position: fixed; z-index: 100; top: 0; left: 0; right: 0; height: 37px !important; padding-top: 0; padding-bottom: 0; -webkit-backface-visibility: hidden; } .moxis .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: 37px; color: #efbd8f; max-width: 30%; -webkit-backface-visibility: hidden; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem { line-height: 36px; white-space: nowrap; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu .v-menubar-user-menu img.v-icon { display: inline-block; margin: 0 6px 0 0; width: 19px; height: 19px; border-radius: 10px; border: none; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menuitems { height: 100%; background-color: #474747; background-image: -webkit-linear-gradient(right, #444444 0%, #474747 9px); background-image: linear-gradient(to left,#444444 0%, #474747 9px); color: #a3a3a3; font-size: 14px; line-height: 30px; border-right: 1px solid #3a3a3a; white-space: nowrap; position: fixed; z-index: 9000; top: 37px; bottom: 0; height: auto; max-width: 100%; overflow: auto; padding: 19px 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; } .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu-visible .valo-menuitems, .moxis .valo-menu-responsive[width-range~="0-800px"] .valo-menu-hover:hover .valo-menuitems { -webkit-transform: translatex(0%); -moz-transform: translatex(0%); -ms-transform: translatex(0%); -o-transform: translatex(0%); transform: translatex(0%); } .moxis .valo-menu-responsive[width-range~="0-500px"] .valo-menu-toggle .v-button-caption { display: none; } .moxis .valo-menu-responsive[width-range~="0-500px"] .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption { display: inline-block; width: 19px; overflow: hidden; } .moxis .vertical-scrollable-content { overflow-y: auto; overflow-x: hidden; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item.newProcessButton.v-menubar span.v-menubar-menuitem { color: #ff7900; background-color: transparent; background-image: none; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item.newProcessButton.v-menubar span.v-menubar-menuitem:HOVER { color: #ff9433; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item.newProcessButton.v-menubar span.v-menubar-menuitem .v-icon { height: 100%; } .moxis .v-menubar-languageItems :focus, .moxis .v-menubar-submenu :focus, .moxis .menuProfileImage :focus, .moxis .c-x-m-c-menu-top-multi-item :focus, .moxis .moxis-upload :focus, .moxis .v-menubar :focus { outline: 1px auto #ff7900 !important; } .moxis a:focus, .moxis button:focus, .moxis .pdfViewContainer:focus { outline: 1px auto #ff7900 !important; } .moxis .newProcessButton { width: unset !important; border: 1px solid #dbdbdb; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.25); border-radius: 20px; } .moxis .newProcessButton:focus-within:not(.v-menubar-submenu) { box-shadow: 0px 4px 11px -1px rgba(0, 0, 0, 0.25); } .moxis .newProcessButton:focus-within:not(.v-menubar-submenu) > span:focus { outline: 0px auto #ff7900 !important; } .moxis .newProcessButton :focus { outline: 1px auto #ff7900 !important; } .moxis .newProcessButton:HOVER { box-shadow: 0px 4px 11px -1px rgba(0, 0, 0, 0.25); } .moxis .newProcessButton .v-menubar-menuitem-caption:AFTER { display: none; } .moxis .newProcessButton.v-menubar { height: 45px; padding: 4px; } .moxis .v-menubar-popup { box-shadow: none; -webkit-box-shadow: none; padding: 3px 0px; } .moxis .v-menubar-popup .v-menubar-menuitem .v-icon { margin-right: 8px !important; } .moxis .v-menubar-popup .v-menubar-group { padding-left: 10px; opacity: 1; font-weight: bold; } .moxis .v-menubar-popup .v-menubar-submenu { box-shadow: 0px 0px 4px -1px; -webkit-box-shadow: 0px 0px 4px -1px; } .moxis .v-menubar-popup .newProcessButton { border-radius: 3px; border: none; } .moxis .v-menubar-popup .newProcessButton .v-menubar-menuitem { margin: 1px; } .moxis .v-menubar-popup .newProcessButton .v-menubar-menuitem-selected { color: #f9f2eb; border-radius: 0; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); border-top-width: 0; border-left-width: 0; border-bottom-width: 0; z-index: 2; } .moxis .v-menubar-popup .newProcessButton .v-menubar-menuitem-selected:hover:before { background: none; } .moxis .v-window-closebox { font-size: 35px !important; } .moxis .centeredRepsonsiveWindow { max-width: 650px; margin-left: 0px !important; margin-top: 0px !important; left: 50% !important; top: 50% !important; position: absolute !important; overflow: visible !important; padding: 25px !important; transform: translateX(-50%) translateY(-50%) !important; } .moxis .centeredRepsonsiveWindow .v-label { white-space: normal !important; } .moxis .centeredRepsonsiveWindow .v-label-failure { border-color: #bb9d57; } .moxis .centeredRepsonsiveWindow .v-label-failure::before { content: "\f071"; font-family: FontAwesomeProLight; color: #bb9d57; } .moxis .centeredWindowMinWidth { min-width: 350px !important; } .moxis .centeredRepsonsiveWindowRepresentative { max-width: 800px !important; } .moxis .moxis-grid-container { max-width: 1100px; width: 100%; } .moxis .moxis-grid-container-kloudless { max-width: 600px; width: 100%; } .moxis .v-slot-tabledataGrid { padding-top: 20px; } .moxis .tabledataGrid { max-width: 900px !important; } .moxis .tabledataGrid .actions .v-spacing { display: none; } .moxis .tabledataGrid v-grid-cell-focused { border: none !important; } .moxis .tabledataGrid .v-grid-column-resize-handle { display: none; } .moxis .tabledataGrid .v-grid-cell-focused:before, .moxis .tabledataGrid .v-treegrid-cell-focused:before, .moxis .tabledataGrid .v-treegrid-row-focused:before { border: none !important; } .moxis .moxis-observer-add-button { max-width: 900px; width: 100%; } .moxis .cropperButton { margin-left: -15px; } .moxis .cropperComponent { margin-bottom: 15px; } .moxis .cropperComponent .GNDS--ECG { border-radius: 100%; } .moxis .v-caption-notification-Settings-Box { margin-left: 20px; } .moxis .notification-Settings-Box { margin-left: 20px; width: 300px; } .moxis .notification-Settings-Heading { margin-left: 20px; } .moxis .notificationRepsonsiveWindow { max-width: 650px !important; width: 100% !important; margin-left: 0px !important; margin-top: 0px !important; left: 50% !important; top: 50% !important; position: absolute !important; overflow: visible !important; width: 100% !important; padding: 25px !important; transform: translateX(-50%) translateY(-50%) !important; } .moxis .notificationRepsonsiveWindow .v-label { white-space: normal !important; } .moxis .addCronSettingsWindowContentLayout { margin-top: 15px; } .moxis .cronNotificationSettingsLayout .groupMappingGridCell, .moxis .groupVisibilityMappingGrid .groupMappingGridCell { max-width: 400px; } .moxis .cronNotificationSettingsLayout .invisibleGridButton, .moxis .groupVisibilityMappingGrid .invisibleGridButton { visibility: hidden; } .moxis .cronNotificationSettingsLayout .floatRightButton, .moxis .groupVisibilityMappingGrid .floatRightButton { float: right; } .moxis .cronNotificationSettingsLayout .cronGridComponent, .moxis .groupVisibilityMappingGrid .cronGridComponent { margin-bottom: 15px; } .moxis .cronNotificationSettingsLayout .removeGridElementButton, .moxis .groupVisibilityMappingGrid .removeGridElementButton { margin-left: 6px; } .moxis .cronNotificationSettingsLayout .v-grid-cell-focused:before, .moxis .groupVisibilityMappingGrid .v-grid-cell-focused:before { display: none !important; } .moxis .cronNotificationSettingsLayout .v-grid-row:hover .invisibleGridButton, .moxis .groupVisibilityMappingGrid .v-grid-row:hover .invisibleGridButton { visibility: visible !important; } .moxis .cronNotificationSettingsLayout .v-grid-cell.removeBorderGrid, .moxis .groupVisibilityMappingGrid .v-grid-cell.removeBorderGrid { background-color: white; border: none; } .moxis .cronNotificationSettingsLayout .v-grid-cell.leftBorderNotificationGrid, .moxis .groupVisibilityMappingGrid .v-grid-cell.leftBorderNotificationGrid { background-color: white; border: none; text-overflow: unset; } .moxis .groupVisibilityMappingGrid .v-grid-header .v-grid-cell { border-left: none; } .moxis .cronNotificationSettingsLayout { margin-left: 15px; } .moxis .cronNotificationSettingsLayout .v-grid-cell.leftBorderNotificationGrid { border-left: 1px solid #dadada; } .moxis .external-Signing-Bar { margin-right: 10px !important; margin-bottom: 5px !important; } .moxis .verifySwisscomDataLayout .v-errorindicator { display: none !important; } .moxis .verifySwisscomDataLayout .v-slot-mobileIDCheckbox { margin-top: 5px; } .moxis .verifySwisscomDataLayout .v-errorindicator { display: none !important; } .moxis .centeredRepsonsiveWindowSwisscom { max-width: 450px !important; width: 100% !important; margin-left: 0px !important; margin-top: 0px !important; left: 50% !important; top: 50% !important; position: absolute !important; overflow: visible !important; width: 100% !important; padding: 25px !important; transform: translateX(-50%) translateY(-50%) !important; } .moxis .centeredRepsonsiveWindowSwisscom .v-label { white-space: normal !important; } .moxis .centeredRepsonsiveWindowSwisscom .selectQsigHandlerLayoutPadding { margin-left: 5px !important; } .moxis .centeredRepsonsiveWindowSwisscom .evidenceVerifyLayout { margin-top: 10px !important; } .moxis .centeredRepsonsiveWindowSwisscom .evidenceVerifyLayout .verifyEvidenceSubmitButton { margin-right: 10px !important; } .moxis .centeredRepsonsiveWindowSwisscom .evidenceVerifyLayout .verifiedSerialNumberLabel { margin-right: 10px !important; } .moxis .centeredRepsonsiveWindowSwisscom .swisscomExternalSignButton { margin-top: 5px; margin-bottom: 5px; } .moxis .labelR { position: relative; height: 16px; } .moxis .ellipsedLabel { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .moxis .errorlabel { color: #ba5537; } .moxis .table-pointer-style .v-table-row { cursor: pointer !important; } .moxis .table-pointer-style .v-table-row-odd { cursor: pointer !important; } .moxis .warnlabel { color: #bb9d57; } .moxis .std-details-window.moxis-external-detail-window { position: absolute; bottom: 0px !important; top: 60px !important; right: 0px !important; left: 0px !important; width: auto !important; height: auto !important; } .moxis .std-details-window.moxis-external-detail-window .folderChange { top: 50%; left: 50%; right: 0; padding: 1.5rem; background-color: rgba(238, 238, 238, 0.9); transform: translate(-50%, -50%); } .moxis .moxis-external-logout { float: right; } .moxis .userSettings { padding: 3px; } .moxis .accountSettings v-formlayout-contentcell { border: none !important; } .moxis .accountSettings > table > tbody > tr > td { border: none !important; } .moxis .hideMenu .c-x-m-c-menu-content { left: 0px !important; } .moxis .hideMenu .c-x-m-c-menu-s-menu { display: none !important; } .moxis .blockElement { display: block !important; margin: 2px; } .moxis .chooseImageCaption { line-height: 34px; } .moxis .chooseImage { float: right; } .moxis .profilePreviewImage { border: 1px solid rgba(0, 0, 0, 0.4); } .moxis .profile-grid { max-width: 600px; } .moxis .profile-grid .v-grid-cell-focused:before { display: none !important; } .moxis .mapping-grid { max-width: 1000px; } .moxis .mapping-edit-checkbox { margin-top: 10px; margin-bottom: 3px; } .moxis .mapping-edit-save { margin-top: 3px; } .moxis .mapping-grid-fail-label { color: #ba5537; padding-top: 6px !important; } .moxis .mapping-grid .v-grid-cell-focused:before { display: none !important; } .moxis .v-button-profile-grid-button:focus { display: none !important; } .moxis .v-button-profile-grid-button { padding: 4px !important; } .moxis .profile-grid-button-priority { padding: 0px !important; } .moxis .vertical-c-group-bot { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top: none !important; } .moxis .vertical-c-group-mid { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top: none !important; } .moxis .vertical-c-group-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .moxis .pdfViewerMarkerColor { width: 100%; height: 100%; background-image: repeating-linear-gradient(45deg, rgba(255, 121, 0, 0.8) 3px, rgba(255, 121, 0, 0.2) 4px); } .moxis .v-menubar-menuitem-c-x-m-languageMenuItem .v-menubar-menuitem-caption .v-icon { position: absolute; left: 0px; top: 2px; } .moxis .hideActions table { border-collapse: collapse; box-shadow: none; } .moxis .hideActions .v-table-cell-content { padding-right: 5px; } .moxis .hideActions .v-table-resizer { display: none; } .moxis .hideActions .action { visibility: hidden; margin-right: 5px; } .moxis .hideActions .v-table-table .v-table-row-odd:hover .action { visibility: visible !important; } .moxis .hideActions .v-table-table .v-table-row-odd { border-bottom: 1px solid #d9d9d9; } .moxis .hideActions .v-table-table .v-table-row { border-bottom: 1px solid #d9d9d9; } .moxis .hideActions .v-table-table .v-table-row:hover .action { visibility: visible !important; } .moxis .hideActions .v-table-caption-container { border: none; background-color: white; } .moxis .hideActions .v-table-header-cell { background-color: white; border-bottom: 2px solid #bfbfbf; } .moxis .hideActions .v-table-header { background-color: white; } .moxis .back-to-moxis-link { margin-top: 5px !important; } .moxis .spacing-editUser { margin-left: 20px; } .moxis .spacing-EditUserTab { padding-left: 12px; } .moxis .bottom-EditUserTab .v-tabsheet-content { padding-bottom: 12px; } .moxis .check-mail-text { margin-top: 10px; font-size: 20px; margin-botton: 10px; } .moxis .register-user-view { margin-left: 5px; } .moxis .c-x-m-c-changePasswordContainer .change { margin-top: 20px !important; width: 250px; overflow: hidden; margin: 0 auto; display: block; } .moxis .c-x-m-c-changePasswordContainer .outerLayout { width: 100%; } .moxis .c-x-m-c-changePasswordContainer .changePWButton { margin-top: 15px; } .moxis .c-x-m-c-changePasswordContainer .errorStyle { color: #ba5537; font-weight: bold; font-size: 0.8em; } .moxis .c-x-m-activateUserContainer-outer { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; overflow: auto; } .moxis .c-x-m-activateUserContainer-inner { width: 100%; max-width: 400px; display: flex; flex-direction: column; height: 500px; padding: 0px 5px; justify-content: space-between; } .moxis .c-x-m-activateUserContainer-inner .v-label { white-space: normal !important; } .moxis .c-x-m-c-resetPasswordContainer { position: absolute; left: 50%; transform: translateX(-50%); } .moxis .c-x-m-c-resetPasswordContainer .indent { margin-left: 4px; } .moxis .c-x-m-c-resetPasswordContainer .reset { position: relative; display: block; } .moxis .c-x-m-c-resetPasswordContainer .title { position: relative; display: block; } .moxis .c-x-m-c-resetPasswordContainer .action { position: relative; display: block; } .moxis .c-x-m-c-resetPasswordContainer .spacing { margin-bottom: 20px; } .moxis .c-x-m-c-resetPasswordContainer .spacing-top { margin-top: 20px; } .moxis .v-filterselect-borderless .v-filterselect-input { border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; text-align: right; } .moxis .table-component { border-bottom: 1px solid #d9d9d9; height: 41px !important; } .moxis .v-table-row:first-child .table-component { margin-top: 25px !important; border-top: 2px solid #bfbfbf; } .moxis .v-button-caption .hideExternalCaptions { margin: 0px !important; padding: 0px !important; height: 0px !important; width: 0px !important; opacity: 0 !important; overflow: hidden !important; display: inline-block !important; } .moxis .v-caption-hideExternalCaptions { margin: 0px !important; padding: 0px !important; height: 0px; width: 0px; opacity: 0; } .moxis .upload-ProfileImage .v-button { box-sizing: content-box !important; } .moxis .c-x-m-c-menu-wrapper { background-color: #FFF; position: relative; } .moxis .c-x-m-c-menu-wrapper .top-menu-active-marking, .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item.c-x-m-c-menu-top-active::after, .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item.c-x-m-c-menu-top-active::after { border-bottom: 5px solid #ff7900; height: 44px; position: absolute; width: 92%; left: 50%; transform: translateX(-50%); display: block; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-group { margin-top: 5px; border-bottom: 1px solid #bdbdbd; width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-group .small { border-bottom: none; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-group .c-x-m-c-menu-sub-group-title .v-label { color: #969696; font-size: 1.1em; width: 100%; text-align: left; font-weight: bold; letter-spacing: 2px; padding-left: 14px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-group .c-x-m-c-menu-sub-group-title.small .v-label { font-size: 0.9em; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor { padding: 3px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor .v-gridlayout { height: auto !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor .v-gridlayout-slot { display: block; position: relative; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; } .moxis .c-x-m-c-menu-wrapper .upload-ProfileImage .v-button-wrap:BEFORE { content: "\f093"; font-family: FontAwesomeProLight; margin-right: 7px; position: relative; bottom: 1px; } .moxis .c-x-m-c-menu-wrapper .upload-ProfileImage .v-button { white-space: nowrap; } .moxis .c-x-m-c-menu-wrapper .visualization-editor-update-Layout { width: 100%; } .moxis .c-x-m-c-menu-wrapper .visualization-editor-update-Layout > div:first-child { margin-top: 14px !important; float: left; } .moxis .c-x-m-c-menu-wrapper .visualization-editor-update-Layout > div:last-child { float: right; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external { position: absolute; left: 0px; right: 0px; box-sizing: border-box; margin: 20px; padding-bottom: 20px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .preview-area-external { margin-left: 10px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .v-csslayout, .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .v-verticallayout { width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .v-image { width: 60% !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .tiny { width: 60% !important; white-space: normal; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .visualization-editor-update-Layout { width: 62% !important; margin-left: 20%; margin-right: 18%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .profile-editor-save-button-layout { margin: auto; width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .profile-editor-save-button-layout .v-slot-profile-editor-save-button { margin-top: 20px; width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .profile-editor-layout { width: 80%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .profile-editor-layout .v-widget.v-has-caption.v-caption-on-top { width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-approval-visualization-profile-editor-external .profile-editor-layout .v-textfield { width: 100%; } .moxis .c-x-m-c-menu-wrapper .clustered { border-bottom: 1px solid #bdbdbd; } .moxis .c-x-m-c-menu-wrapper .languageMenu { float: left !important; position: relative; top: -5px; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item { float: right; height: auto; padding: 2px; font-size: 16px; text-decoration: none !important; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item .v-menubar-menuitem-selected { background: none; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item .v-menubar-menuitem-selected .v-menubar-menuitem-caption { color: #a6a6a6; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item .v-menubar-menuitem-caption::AFTER { margin-left: 0px !important; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item .v-menubar-menuitem-caption { color: gray; cursor: pointer; } .moxis .c-x-m-c-menu-wrapper .v-menubar.c-x-m-c-menu-top-multi-item .v-icon { font-size: 22px; display: inline-block; cursor: inherit; padding-right: 5px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item { color: gray; text-decoration: none !important; font-size: 22px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item.inboxIconFix .v-icon { position: relative; top: 2px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item .v-button-caption { font-size: 16px; font-weight: 400; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item img { height: 35px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item { text-decoration: none !important; width: 93%; margin: 10px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item .v-menubar-menuitem { background-color: #ff7900; color: white; font-weight: 600; text-align: left; width: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item .v-menubar-menuitem:hover { background-color: #eb6f00; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-multi-item img { height: 35px; } .moxis .c-x-m-c-menu-wrapper .v-menubar .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { opacity: 1; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-item { text-decoration: none !important; color: #595959; text-align: left; width: 97%; font-weight: 300; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-item:hover { text-decoration: none !important; text-align: left; width: 97%; background-color: #f7f7f7; color: #737373; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-active { background-color: #ededed; font-weight: normal; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-active:hover { background-color: #ededed !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; width: auto; height: auto; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-toggle { color: #a6a6a6; display: inline-block; overflow: hidden; text-align: center; height: auto; text-decoration: none !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-toggle .v-icon { font-size: 28px; display: inline-block; line-height: 36px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-header { background-image: url("../moxis/img/hofmann-horizontal-moxis-orange.png"); background-position: center center; background-repeat: no-repeat; position: absolute; top: 0px; -webkit-transform: translate3d(0, 0, 0); left: 0px; right: 0px; height: 60px; box-shadow: 0px 0px 8px -4px gray; padding-top: 12px; padding-left: 5px; padding-right: 5px; background-color: #FFF; border-bottom: 1px solid #d0d0d0; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-body { position: absolute; top: 65px; background-color: #FFF; left: 0px; right: 0px; bottom: 0px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-body .c-x-m-c-menu-s-menu { background-color: #FFF; overflow: hidden; position: absolute; left: 0px; width: 300px; top: 0px; padding-top: 5px; bottom: 0px; z-index: 3; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-body .c-x-m-c-menu-s-menu .c-x-m-c-sub-menu-wrapper { position: relative; width: 95%; margin: 0px; background-color: #FFF; z-index: 4; display: block; height: 100%; overflow-y: auto; overflow-x: hidden; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-body .c-x-m-c-menu-s-menu:hover { overflow: auto; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-body .c-x-m-c-menu-content { position: absolute; left: 300px; right: 0px; top: 0px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-content { bottom: 0 !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-fixed-footer-layout { position: absolute; bottom: 0; left: 0; right: 0; height: 0; z-index: 4; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-fixed-footer-layout > .c-x-m-c-footer { display: flex; align-items: center; justify-content: center; height: 100%; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; width: auto; height: auto; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-toggle { color: gray; display: inline-block; overflow: hidden; text-align: center; height: auto; text-decoration: none !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-toggle .v-icon { font-size: 28px; display: inline-block; line-height: 36px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-toggle .v-button-caption { display: none; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-header { background-image: url("../moxis/img/hofmann-horizontal-moxis-orange.png"); background-position: center center; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; right: 0px; height: 60px; box-shadow: 0px 0px 8px -4px gray; padding-top: 12px; padding-left: 5px; padding-right: 5px; background-color: #FFF; border-bottom: 1px solid #d0d0d0; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-body { position: absolute; top: 65px; left: 0px; right: 0px; background-color: #FFF; bottom: 0px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-body .c-x-m-c-menu-s-menu { background-color: #FFF; overflow: hidden; position: absolute; left: -300px; width: 300px; top: 0px; bottom: 0px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-body .c-x-m-c-menu-s-menu .c-x-m-c-sub-menu-wrapper { position: relative; width: 95%; margin: 0px; background-color: #FFF; z-index: 4; display: block; height: 100%; overflow-y: auto; overflow-x: hidden; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-body .c-x-m-c-menu-content { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .moxis .c-x-m-c-menu-wrapper .selectQsigHandlerLayout { max-width: 600px !important; } .moxis .c-x-m-c-menu-wrapper .selectQsigHandlerLayoutPadding { padding-left: 10px; padding-top: 10px; } .moxis .c-x-m-c-menu-wrapper .selectPreferedHandlerCombobox { margin-bottom: 5px; } .moxis .c-x-m-c-menu-wrapper .evidenceVerifyLayout { margin-top: 10px; margin-bottom: 10px; } .moxis .c-x-m-c-menu-wrapper .evidenceVerifyLayout .verifyEvidenceSubmitButton { margin-right: 15px; } .moxis .c-x-m-c-menu-wrapper .evidenceVerifyLayout .verifiedSerialNumberLabel { margin-right: 15px; margin-top: 7px; } .moxis .c-x-m-c-menu-wrapper .evidenceVerifyLayout .verifiedStateLabel { margin-top: 7px; } .moxis .skipButton { height: 0px !important; overflow: hidden !important; border: none !important; font-size: 0 !important; position: fixed; } .moxis .asyncPidPoller { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .moxis .asyncPidPoller .v-progressbar-indeterminate { width: 75px !important; height: 75px !important; margin: 10px; } .moxis .asyncPidWindowAttributes { max-width: 100%; max-height: 100%; position: absolute; left: 50% !important; top: 50% !important; overflow: auto !important; transform: translateX(-50%) translateY(-50%); } .moxis .asyncPidWindowPoll { width: 100% !important; height: 100% !important; max-width: 350px; max-height: 350px; position: absolute; left: 50% !important; top: 50% !important; transform: translateX(-50%) translateY(-50%); } .moxis .asyncPidWindowHeightUndef { width: 100% !important; max-width: 350px; position: absolute; left: 50% !important; top: 50% !important; transform: translateX(-50%) translateY(-50%); } .moxis .asyncPidWindowMargin { padding: 5px; width: 100%; } .moxis .moxis-display-closed .closefield { display: none; } .moxis .closefieldblocker { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0 !important; } .moxis .moxis-representative-group-grid-container { max-width: 600px; } .moxis .v-filterselect-suggestpopup-process-menu-name-combobox { width: 400px !important; } .moxis .v-filterselect-suggestpopup-process-menu-name-combobox .v-filterselect-suggestmenu { width: 400px !important; } .moxis .v-menubar-stackAction { color: #f9f2eb; font-weight: 400; cursor: default; border-radius: 3px; border: 1px solid #d16300; border-top-color: #d16500; border-bottom-color: #cd5e00; background-color: #ff7900; background-image: -webkit-linear-gradient(top, #ff7c00 2%, #fb7300 98%); background-image: linear-gradient(to bottom,#ff7c00 2%, #fb7300 98%); -webkit-box-shadow: inset 0 1px 0 #ff9037; box-shadow: inset 0 1px 0 #ff9037; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); padding: 0; text-align: left; } .moxis .v-menubar-stackAction:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-menubar-stackAction:focus:after { border: inherit; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-menubar-stackAction-popup { background: transparent !important; box-shadow: none !important; border: none !important; width: 0px !important; height: 0px !important; } .moxis .v-menubar-stackAction-popup .popupContent { position: absolute; bottom: 47px; background-color: white; border-radius: 3px; box-shadow: 0px 0px 3px 0px #888888; width: auto; height: auto; right: -29px; } .moxis .drawWindow { width: 80%; max-width: 800px; position: absolute; left: 50% !important; top: 50% !important; transform: translateX(-50%) translateY(-50%) !important; } .moxis .drawWindow .drawLayout { padding: 4px; } .moxis .hideNoTouch { display: none; } .moxis .eliminateMarginTop { margin-top: 0px !important; } .moxis .word-break-all { word-break: break-all !important; } .moxis .StackFilter { height: 100%; margin: 5px; } .moxis .v-customcomponent.m-filter-component { width: 98% !important; } .moxis .userAdmin-resetButton-label-container { display: flex; align-items: center; } .moxis .userAdmin-resetButton-label-container .resetButton { top: 0px; } .moxis .resetButton { margin: 5px; bottom: 5px; } .moxis .resetButton.reset-z-index-override { z-index: 10; } .moxis .resetButton.v-disabled { visibility: hidden; } .moxis .resetButton:hover { color: #a9aea1; } .moxis .v-slot-m-filter-component { left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; } .moxis .m-filter-component .sort-component { position: absolute; top: 66px; right: 170px; font-size: 14px; color: #464646; } .moxis .m-filter-component .filter-layout { width: 0px; height: 0px; position: absolute; right: 0px; } .moxis .m-filter-component .filter-layout .v-textfield[class*="prompt"] { font-size: 16px; } .moxis .m-filter-component .filter-layout .displayToggle { display: inline-block; position: absolute; } .moxis .m-filter-component .filter-layout .displayToggle .displayToggleContent { position: fixed; } .moxis .m-filter-component .filter-layout .displayToggle:hover { color: #a9aea1; } .moxis .m-filter-component .filter-layout.moxis-display-open { width: auto !important; height: auto; left: 50%; z-index: 10; top: 25px; padding: 15px; padding-top: 45px; background-color: white; border-radius: 5px 0px 0px 5px; box-shadow: 0px 0px 6px -2px grey; } .moxis .m-filter-component .filter-layout.moxis-display-open .displayToggle { left: 15px; top: 15px; width: auto !important; } .moxis .m-filter-component .filter-layout.moxis-display-closed { width: 0px !important; height: 0px; overflow: hidden; right: 0px; top: 25px; } .moxis .m-filter-component .filter-layout.moxis-display-closed .displayToggle { right: 170px; top: 45px; } .moxis .folderChange { position: fixed; width: 30%; top: 50px; right: 10px; width: 460px; border-radius: 5px; background-color: rgba(238, 238, 238, 0.8); padding: 10px; border: 1px solid #dbdbdb; visibility: visible; } .moxis .folderChange .folderChangeCaption { color: #ff7900; text-align: center; width: 100%; font-weight: 800; font-size: 1.1em; cursor: pointer; text-transform: uppercase; } .moxis .folderChange .folderChangeLabel { text-align: center; color: black; } .moxis .m-filter-component .v-slot .v-errorindicator { display: none !important; } .moxis .attributes-component { padding: 8px; } .moxis .overflow-hidden { overflow: hidden; } .moxis .windowOverflow-visible { overflow: visible !important; } .moxis .noTasks { margin-left: 12px; font-size: 12px; padding: 3px 14px; border: 1px solid #89927e; border-radius: 12px; font-weight: 900; display: inline-block; bottom: 3px; position: relative; } .moxis .stack-fLeft { float: left; margin: 2px; } .moxis .stack-fRight { float: right; margin: 2px; } .moxis .stack-fRight.v-label { margin: 8px; } .moxis .m-stack-layout { background-color: #e8e9e6; box-shadow: 0px 0px 3px 0px #4f5449; padding: 5px; margin-left: 5%; margin-right: 5%; margin-top: 1%; padding-right: 15px; } .moxis .m-stack-layout .v-button-primary { border-radius: 0px; color: #fff; } .moxis .m-stack-layout .pending { font-weight: bold; color: #dca700; } .moxis .checkAllButton { margin-left: 8px; margin-bottom: 4px; } .moxis .checkAllButton .v-button-caption:BEFORE { content: ""; position: absolute; left: 8px; font-size: 0.6em; top: 4px; } .moxis .checkAllButton:hover { color: #a9aea1; } .moxis .checkAllButton-checked { background-color: #DDD; border-radius: 3px; margin-left: 8px; margin-bottom: 4px; } .moxis .checkAllButton-checked .v-button-caption:BEFORE { content: ""; position: absolute; left: 8px; font-size: 0.6em; top: 4px; } .moxis .checkAllButton-checked:hover { color: #a9aea1; } .moxis .v-textfield[class*="prompt"] { color: #969696; font-size: 18px; } .moxis .m-filter-component .v-datefield input { color: #969696; font-size: 18px; } .moxis .m-filter-sort { float: right; } .moxis .m-emphasize { font-weight: 900; letter-spacing: 1px; } .moxis .m-filter-component { margin-left: 6px; margin-right: 4px; padding-bottom: 5px; } .moxis .m-filter-component .v-captiontext, .moxis .m-filter-component .v-caption { padding-bottom: 0px !important; height: auto !important; display: block !important; } .moxis .m-filter-component .v-widget:focus { z-index: 999; } .moxis .m-filter-component .filterClearButton { background: #FFF; border-left: none !important; } .moxis .m-filter-component .v-textfield:focus { box-shadow: inset 0 0 0 1px #ff7900; } .moxis .m-filter-component input { border-radius: 0px; margin-right: 0px; } .moxis .m-filter-component input:focus { box-shadow: inset 0 0 0 1px #ff7900; } .moxis .m-filter-component .v-filterselect { border-radius: 0px; margin-right: 0px; } .moxis .m-filter-component .v-datefield { border-radius: 0px; margin-right: 0px; } .moxis .m-filter-component .v-datefield input { border-radius: 0px; margin-right: -1px; } .moxis .m-filter-component .v-datefield .v-textfield:focus { box-shadow: inset 0 0 0 1px #ff7900; } .moxis .m-task-table { border-top: 1px solid #bfbfbf; padding-top: 0px; background: none; } .moxis .m-task-table .v-table-table { background: none; box-shadow: none; } .moxis .m-task-table .v-table-cell-content { overflow: visible; } .moxis .stack-check-box { position: relative; } .moxis .stack-check-box .deselect { display: none; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; padding: 0px; font-size: 23px; padding-top: 3px; padding-left: 3px; border-radius: 15px; background-color: white; } .moxis .stack-check-box .bubble { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; } .moxis .stack-check-box .select { display: none; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; padding: 0px; font-size: 23px; padding-top: 3px; padding-left: 1px; border-radius: 15px; background-color: white; } .moxis .stack-edit-box { position: relative; } .moxis .stack-edit-box .deselect { display: none; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; padding: 0px; font-size: 23px; padding-top: 3px; padding-left: 3px; border-radius: 15px; background-color: white; } .moxis .stack-edit-box .bubble { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; } .moxis .stack-edit-box .edit { display: none; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; padding: 0px; font-size: 23px; padding-top: 3px; padding-left: 3px; border-radius: 15px; background-color: white; } .moxis .stack-edit-box:hover .edit { display: block; } .moxis .stack-edit-box:hover .bubble { display: none; } .moxis .task-errornous { box-shadow: -1px 0px 3px 0px #ba5537; background-color: #f9efec !important; } .moxis .task-errornous:hover { background-color: #f4dfd9 !important; } .moxis .task-errornous .stack-check-box { position: relative; } .moxis .task-errornous .stack-check-box .deselect { display: block !important; position: absolute; left: 0px; top: 0px; } .moxis .task-errornous .stack-check-box .bubble { display: none; position: absolute; left: 0px; top: 0px; } .moxis .task-errornous .stack-check-box .select { display: none !important; position: absolute; left: 0px; top: 0px; } .moxis .task-errornous .stack-check-box:hover .select { display: none; } .moxis .task-errornous .stack-check-box:hover .bubble { display: none; } .moxis .task-errornous .stack-edit-box { position: relative; } .moxis .task-errornous .stack-edit-box .deselect { display: block; position: absolute; left: 0px; top: 0px; } .moxis .task-errornous .stack-edit-box .bubble { position: absolute; display: none; left: 0px; top: 0px; } .moxis .task-errornous .stack-edit-box .edit { display: none; position: absolute; left: 0px; top: 0px; } .moxis .task-errornous .stack-edit-box:hover .edit { display: none; } .moxis .task-errornous .stack-edit-box:hover .bubble { display: none; } .moxis .task-selected { box-shadow: -1px 0px 3px 0px #ff7900; background-color: #fffaf5 !important; } .moxis .task-selected:hover { background-color: #ffecdb !important; } .moxis .task-selected .stack-check-box { position: relative; } .moxis .task-selected .stack-check-box .deselect { display: block !important; position: absolute; left: 0px; top: 0px; } .moxis .task-selected .stack-check-box .bubble { display: none; position: absolute; left: 0px; top: 0px; } .moxis .task-selected .stack-check-box .select { display: none !important; position: absolute; left: 0px; top: 0px; } .moxis .task-selected .stack-check-box:hover .select { display: none; } .moxis .task-selected .stack-check-box:hover .bubble { display: none; } .moxis .task-selected .stack-edit-box { position: relative; } .moxis .task-selected .stack-edit-box .deselect { display: block; position: absolute; left: 0px; top: 0px; } .moxis .task-selected .stack-edit-box .bubble { position: absolute; display: none; left: 0px; top: 0px; } .moxis .task-selected .stack-edit-box .edit { display: none; position: absolute; left: 0px; top: 0px; } .moxis .task-selected .stack-edit-box:hover .edit { display: none; } .moxis .task-selected .stack-edit-box:hover .bubble { display: none; } .moxis .task-pending { box-shadow: -1px 0px 3px 0px #997400; background-color: #ffe48f !important; } .moxis .task-pending .stack-edit-box { position: relative; } .moxis .task-pending .stack-edit-box .deselect { display: none; position: absolute; left: 0px; top: 0px; } .moxis .task-pending .stack-edit-box .bubble { position: absolute; display: none; left: 0px; top: 0px; } .moxis .task-pending .stack-edit-box .edit { display: block; position: absolute; left: 0px; top: 0px; } .moxis .task-pending .stack-edit-box:hover .edit { display: block; } .moxis .task-pending .stack-edit-box:hover .bubble { display: none; } .moxis .task-component { margin: 0px 0px 0px 0px !important; padding-left: 6px !important; background-color: #FFF; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #ededed; position: relative; } .moxis .task-component .actions { position: absolute; right: 5px; bottom: 5px; visibility: hidden; } .moxis .task-component:hover .actions { visibility: visible; } .moxis .task-component:hover .edit { display: block; } .moxis .task-component:hover .deselect { display: block; } .moxis .task-component:hover .select { display: block; } .moxis .task-component:hover .bubble { display: none; } .moxis .moxis-upload-button .v-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #ff7900; } .moxis .moxis-upload-button .v-button:hover:after { background: transparent; } .moxis .moxis-upload-button .v-button:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-upload-button .v-button:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-upload-button .v-button:hover { color: #ffa14c; } .moxis .moxis-upload-button .v-button:active { color: #b35500; } .moxis .moxis-default-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #838B78; } .moxis .moxis-default-button:hover:after { background: transparent; } .moxis .moxis-default-button:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-default-button:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-default-button:hover { color: #a9aea1; } .moxis .moxis-default-button:active { color: #5c6254; } .moxis .moxis-document { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #838B78; border: 1px solid #838B78; } .moxis .moxis-document:hover:after { background: transparent; } .moxis .moxis-document:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-document:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-document:hover { color: #a9aea1; box-shadow: 0px 0px 5px 0px #a9aea1; } .moxis .moxis-document:active { color: #5c6254; box-shadow: 0px 0px 5px 0px #5c6254; } .moxis .moxis-document:focus { color: #5c6254; box-shadow: 0px 0px 5px 0px #ff7900; } .moxis .moxis-document.mainDoc { color: #515151; border: 1px solid #515151; } .moxis .moxis-document.mainDoc:hover { color: #777777; box-shadow: 0px 0px 5px 0px #777777; } .moxis .moxis-document.mainDoc:active { color: #2b2b2b; box-shadow: 0px 0px 5px 0px #2b2b2b; } .moxis .moxis-document.mainDoc:focus { color: #2b2b2b; box-shadow: 0px 0px 5px 0px #ff7900; } .moxis .moxis-document.mainDoc.open { position: relative; } .moxis .moxis-document.mainDoc.open .v-button-wrap:BEFORE { color: #969696; font-size: 10px; right: 3px; top: 3px; font-family: FontAwesome; content: "\f040"; position: absolute; } .moxis .moxis-document.mainDoc.done { position: relative; } .moxis .moxis-document.mainDoc.done .v-button-wrap:BEFORE { color: #90DD00; font-size: 10px; right: 3px; top: 3px; font-family: FontAwesome; content: "\f00c"; position: absolute; } .moxis .moxis-document.mainDoc.failed { position: relative; } .moxis .moxis-document.mainDoc.failed .v-button-wrap:BEFORE { color: #E83B0C; font-size: 10px; right: 3px; top: 3px; font-family: FontAwesome; content: "\f05e"; position: absolute; } .moxis .shortened { overflow: hidden; width: 400px; text-overflow: ellipsis; display: inline-block; } .moxis .moxis-primary-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #ff7900; } .moxis .moxis-primary-button:hover:after { background: transparent; } .moxis .moxis-primary-button:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-primary-button:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-primary-button:hover { color: #ffa14c; } .moxis .moxis-primary-button:active { color: #b35500; } .moxis .moxis-failed-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #ba5537; } .moxis .moxis-failed-button:hover:after { background: transparent; } .moxis .moxis-failed-button:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-failed-button:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-failed-button:hover { color: #d3826a; } .moxis .moxis-failed-button:active { color: #7f3a26; } .moxis .moxis-failed-button.v-button:focus::after { box-shadow: 0 0 0 2px #ba5537 !important; } .moxis .moxis-success-button { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; color: #ff7900; } .moxis .moxis-success-button:hover:after { background: transparent; } .moxis .moxis-success-button:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-success-button:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-success-button:hover { color: #ffa14c; } .moxis .moxis-success-button:active { color: #b35500; } .moxis .moxis-clearCache-button { position: relative; z-index: 10; } .moxis .m-state-indicator { border-radius: 2px 5px; font-size: 10px; padding: 4px; font-weight: 900; position: relative; top: -2px; box-shadow: 0px 0px 3px -1px black; } .moxis .m-state-indicator.postprocessing:AFTER { font-family: FontAwesomeProLight; content: "\f56e"; padding-right: 0px; margin-left: 7px; } .moxis .m-state-indicator.open { color: #fff; background-color: #969696; } .moxis .m-state-indicator.done { color: #fff; background-color: #ff7900; } .moxis .m-state-indicator.failed { color: #fff; background-color: #ba5537; } .moxis .stack-execute-button { background-image: none !important; background: #ff7900 !important; } .moxis .moxis-detail-style .v-captiontext { color: #969696; font-size: 18px; margin-right: 6px; margin-top: 5px; } .moxis .moxis-detail-download-button::after { top: 4px; right: 15px; bottom: 6px; left: 7px; } .moxis .moxis-detail-download-button { margin-left: -8px; bottom: 6px; } .moxis .moxis-detail-download-button.noTopFix { bottom: 0px; } .moxis .moxis-detail-download-button.noTopFix .v-button-caption { display: inline-block; max-width: 130px; text-overflow: ellipsis; overflow-x: hidden; vertical-align: middle; } .moxis .moxis-detail-view-button::after { top: 6px; right: 11px; bottom: 8px; left: 11px; } .moxis .moxis-detail-view-button { margin-left: -29px; bottom: 6px; } .moxis .v-filterselect-borderless .v-filterselect-input { color: inherit; margin-top: 1px; } .moxis .v-filterselect-borderless .v-filterselect-input .v-filterselect-focus { color: inherit; box-shadow: 0 0 0 2px green; } .moxis .v-label-download-Button-Label { color: #969696; margin-top: 4px; margin-right: 4px; font-size: 18px; } .moxis .moxis-details-form .v-caption { font-size: 18px; color: #838B78; } .moxis .v-tabsheet-tabitemcell:focus .v-caption .v-icon + .v-captiontext { margin-left: 9px; box-shadow: 0px 0px 0px 2px #ff7900; padding: 3px; border-radius: 3px; } .moxis .v-tabsheet-tabitemcell:focus .v-caption .v-captiontext { margin-left: 9px; box-shadow: 0px 0px 0px 2px #ff7900; padding: 3px; border-radius: 3px; } .moxis .v-filterselect-no-input [class*="input"]:focus { box-shadow: 0px 0px 0px 2px #ff7900; border-radius: 3px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-item.v-button { margin-left: 5px; margin-bottom: 3px; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-sub-item.v-button:focus::after { box-shadow: inset 0px 0px 0px 2px #ff7900; } .moxis .CpeBox .dashboardBox { width: 170px; height: 160px; } .moxis .CpeBox .dashboardBoxWrapper { width: 170px; height: 160px; overflow: hidden; word-wrap: break-word; } .moxis .CpeBox .dashboardBoxCaption { font-size: 1em; } .moxis .CpeBox .dashboardBoxIcon { right: 50%; bottom: 20px; transform: translateX(56%); } .moxis .dashboard { position: relative; width: 100%; height: 100%; overflow-y: auto; text-align: center; } .moxis .dashboard-caption { position: absolute; top: 15px; left: 15px; line-height: 100%; padding: 0px; margin: 0px !important; } .moxis .dashboard-section-outer { display: block; } .moxis .dashboard-subcaption { position: absolute; top: 46px; left: 15px; line-height: 100%; padding: 0px; margin: 0px !important; } .moxis .dashboard-section-caption { width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: #969696; } .moxis .dashboard::after { content: false; padding: 10px 0px 5px 15px; color: #262626; font-size: $optional-footer-dashboard-text-size; display: block; text-align: center; } .moxis .breaker { margin: 0px; padding: 0px; width: 0; height: 0; display: block; } .moxis .dashboard-create { width: 300px; vertical-align: top; text-align: left; height: 56px; display: inline-block; position: relative; } .moxis .dashboard-create .c-x-m-c-menu-sub-multi-item { text-decoration: none !important; width: 93%; margin: 7px 2px; width: 265px; left: 0; } .moxis .dashboard-create .v-menubar-menuitem { display: block !important; } .moxis .splitContainer { text-align: center; } .moxis .splitContainer .dashboardBox { display: table-cell; } .moxis .verticalImage .dashboardBoxImage { height: 50% !important; width: auto !important; } .moxis .dashboard-section-outer.profile { width: 100%; font-weight: normal; background-color: #FCFCFC; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding-top: 5px; padding-bottom: 5px; margin-top: 16px; } .moxis .dashboard-section-outer.profile .dashboardBox { width: 175px; height: 100px; box-shadow: 0px 4px 6px -5px rgba(0, 0, 0, 0.25); } .moxis .dashboard-section-outer.profile .dashboardBox:HOVER { box-shadow: 0px 5px 12px -2px rgba(0, 0, 0, 0.25); } .moxis .dashboard-section-outer.profile .dashboardBox .dashboardBoxWrapper { width: 175px; height: 100px; border: none; box-shadow: none; } .moxis .dashboard-section-outer.profile .dashboardBox .dashboardBoxWrapper .dashboardBoxCaption { color: black; font-weight: normal; font-size: 14px; top: 0px; left: 5px; } .moxis .dashboard-section-outer.profile .dashboardBox .dashboardBoxWrapper .dashboardBoxCentral { color: black; font-size: 20px; } .moxis .dashboard-section-outer.profile .dashboardBox .dashboardBoxWrapper .dashboardBoxImage { width: 150px; top: 55%; } .moxis .dashboard-section-outer.profile .dashboardBox .dashboardBoxWrapper .dashboardBoxIcon { font-size: 34px; display: none; } .moxis .iconCenter .dashboardBoxIcon { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; right: auto; top: auto; display: inline-block !important; line-height: 36px; } .moxis .bubble .dashboardBoxImage { width: auto !important; max-width: 50px; max-height: 50px; top: 50% !important; box-shadow: none; } .moxis .bubble .dashboardBoxIcon { display: none !important; } .moxis .dashboardOuter { overflow-y: auto; position: relative; } .moxis .dashboard-section { display: table; width: 100%; text-align: center; border-spacing: 8px 8px; } .moxis .dashboard-section.decenter { text-align: left; } .moxis .dashboard-section .m-state-indicator { border-radius: 8px 20px; box-shadow: 2px 2px 9px -3px rgba(0, 0, 0, 0.25); } .moxis .dashboard-section .failed { background-color: #696969; } .moxis .dashboard-section .done { background-color: #ff7900; } .moxis .dashboardBox { position: relative; display: inline-block; width: 250px; height: 175px; border: 1px solid #dbdbdb; margin: 5px 7px; box-shadow: 0px 4px 6px -5px rgba(0, 0, 0, 0.25); cursor: pointer; border-radius: 8px; } .moxis .dashboardBox:HOVER { box-shadow: 0px 5px 12px -2px rgba(0, 0, 0, 0.25); } .moxis .dashboardBox.clickable:active { top: 3px; box-shadow: 0px 4px 6px -5px rgba(0, 0, 0, 0.25); } .moxis .dashboardBoxWrapper { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 175px; width: 250px; } .moxis .dashboardBoxCaption { position: absolute; top: 10px; left: 20px; right: 20px; color: #969696; font-size: 20px; font-weight: bold; line-height: 20px; } .moxis .dashboardBoxCentral { position: absolute; top: 50%; left: 50%; color: #969696; font-size: 26px; transform: translateX(-50%) translateY(-50%); font-weight: bold; } .moxis .dashboardBoxNumber { position: absolute; top: 50%; left: 50%; color: #969696; font-size: 45px; transform: translateX(-50%) translateY(-50%); font-weight: bold; } .moxis .dashboardBoxState { position: absolute !important; bottom: 10px; right: 20px; font-size: 18px !important; line-height: 18px; top: auto !important; padding: 10px !important; } .moxis .dashboardBoxImage { width: 275px; max-height: 200px; top: 50%; position: absolute; transform: translateY(-50%) translateX(-50%); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15); left: 50%; pointer-events: none; } .moxis .dashboardBoxIcon { position: absolute; bottom: 10px; right: 20px; font-size: 52px; color: #969696; font-family: FontAwesome; line-height: 52px; } .moxis .green .dashboardBoxIcon { color: #ff7900; } .moxis .big .dashboardBoxIcon { font-weight: 600; } .moxis .focusStyle { outline: none; border: 1px solid #ff7900; } .moxis .changeRepresentativeButton { margin-top: 20px; } .moxis .PdfEditor { position: relative; width: 100%; height: 100%; } .moxis .PdfEditorContent { position: relative; width: 100%; height: 100%; } .moxis .PdfEditorContentFullScreen { position: fixed; top: 1px; left: 1px; right: 1px; bottom: 1px; background: #FFF; } .moxis .pdfEditorAltText { display: inline-block; padding: 0px; margin: 0px; height: 0px; width: 0px; overflow: hidden; } .moxis .PdfEditorInput { font-size: 13px !important; color: #7D7A7B; width: 25px; margin-left: 2px; margin-right: 2px; text-align: right; height: 13px; padding: 1px; border: 1px solid #7D7A7B; } .moxis .PdfEditorViewBar { position: absolute; top: 1px; right: -1px; } .moxis .PdfEditorTotalPages { border: none; font-size: 13px !important; color: #7D7A7B; } .moxis .NumberPickerButton { background: none; color: #000; padding: 0px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px !important; border: 1px solid transparent; margin: 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .moxis .NumberPickerButton:disabled { background: none; border: 1px solid transparent; color: #CDCACB; } .moxis .NumberPickerButton:disabled:hover { color: #CDCACB; background: none; border: 1px solid transparent; } .moxis .NumberPickerButton:hover { background-color: #FFF; color: #7D7A7B; border: 1px solid #BDBABB; } .moxis .PdfEditorButton { background: none; color: #7D7A7B; padding: 0px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px !important; border: 1px solid transparent; margin: 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .moxis .PdfEditorButton:disabled { background: none; border: 1px solid transparent; color: #CDCACB; } .moxis .PdfEditorButton:disabled:hover { color: #CDCACB; background: none; border: 1px solid transparent; } .moxis .PdfEditorButton:hover { background-color: #FFF; color: #7D7A7B; border: 1px solid #BDBABB; } .moxis .PdfEditorCloseButton { text-shadow: 0px 0px 5px white; } .moxis .PdfEditorCloseButton:hover { color: #FFF; text-shadow: 0px 0px 5px black; } .moxis .PdfEditorResizeIndicator { position: absolute; right: 0px; bottom: -10px; font-size: 24px; font-family: FontAwesome; transform: rotate(-45deg); } .moxis .PdfEditorNavBar { width: 100%; text-align: center; } .moxis .pdfWorkbench { position: absolute; top: 28px; left: 0px; right: 0px; bottom: 0px; } .moxis .PdfEditorViewContainer { position: absolute; top: 0px; left: 1px; right: 350px; bottom: 1px; overflow: scroll; background-color: #959394; border: 1px solid; border-color: #515151 #515151 #42403F #42403F; } .moxis .placeholderContainerCaption { position: relative; } .moxis .placeholderContainerCaptionText { font-size: 1.2em; margin-left: 0.5em; margin-right: 35px; font-weight: 900; } .moxis .pdfEditorCbContainer { position: relative; left: 9px; top: 2px; } .moxis .placeholderEditorInfo { position: absolute; top: 7px; right: 25px; z-index: 15; } .moxis .placeholderEditorInfoTooltipIndicator { font-family: FontAwesome; font-size: 1.2em; } .moxis .placeholderEditorInfoTooltip { display: none; } .moxis .placeholderEditorInfo:HOVER > .placeholderEditorInfoTooltip { position: absolute; top: 20px; right: -23px; background-color: white; border: 1px solid black; opacity: 0.95; font-size: 0.9em; border-radius: 2px; padding: 5px; display: block; width: 500px; z-index: 15; } .moxis .placeholderEditorInfo:HOVER > .placeholderEditorInfoTooltip > i { font-size: 1em; font-weight: 900; font-style: normal; } .moxis .placeholderEditorInfoTooltipWarn { color: orange; } .moxis .placeholderEditorInfoTooltipWarnIcon { font-family: FontAwesome; } .moxis .PdfEditorCloseButton { position: absolute; top: 3px; right: 7px; font-family: FontAwesome; } .moxis .PdfEditorPlaceholderContainer { overflow-x: hidden !important; position: absolute; top: 5px; width: 350px; right: 1px; bottom: 1px; overflow: auto; } .moxis .pdfPlaceholder { width: 100%; height: auto; cursor: move; } .moxis .PdfEditorPageViewZoomed { display: block; margin: 9px auto; border: 1px solid #42403F; -webkit-box-shadow: 0px 0px 5px 2px #515151; -moz-box-shadow: 0px 0px 5px 2px #515151; box-shadow: 0px 0px 5px 2px #515151; } .moxis .PdfEditorPageView { display: block; margin: 9px auto; border: 1px solid #42403F; -webkit-box-shadow: 0px 0px 5px 2px #515151; -moz-box-shadow: 0px 0px 5px 2px #515151; box-shadow: 0px 0px 5px 2px #515151; } .moxis .PdfEditorPositionHelper { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; } .moxis .placeholderTemplate { -webkit-box-shadow: 0px 0px 5px 2px #969696; -moz-box-shadow: 0px 0px 5px 2px #969696; box-shadow: 0px 0px 5px 2px #969696; margin: 2px auto; margin-top: 7px; } .moxis .placeholderTemplate > img { border: 1px solid black; } .moxis .placeholderTemplateDeny { -webkit-box-shadow: 0px 0px 5px 2px #ba5537; -moz-box-shadow: 0px 0px 5px 2px #ba5537; box-shadow: 0px 0px 5px 2px #ba5537; margin: 2px auto; } .moxis .placeholderTemplateDeny > img { border: 1px solid black; } .moxis .placeholderHeader { position: relative; padding: 0px 0px 6px 0px; margin: 5px; border: 1px solid #969696; border-radius: 2px; } .moxis .placholderHeaderCollapsed { margin: 5px; border: 1px solid #969696; overflow: hidden; background-color: #ff7900; border: none; border-radius: 2px; padding: 0px; } .moxis .placeholderPlacedIndicator { display: none; font-family: FontAwesome; } .moxis .placeholderCaption { font-weight: 900; height: 28px; overflow: hidden; position: relative; display: block; border-radius: 2px; background-color: #e4e7e9; padding: 0px 7px 0px 7px; text-overflow: ellipsis; } .moxis .placeholderCaptionText { font-style: normal; position: absolute; left: 5px; right: 10px; top: 2px; bottom: 2px; overflow: hidden; text-overflow: ellipsis; } .moxis .placholderHeaderCollapsed > .placeholderCaption { font-weight: 900; margin: 2px; overflow: hidden; background: none; display: block; top: 2px; border-radius: 2px; text-overflow: ellipsis; } .moxis .placholderHeaderCollapsed > .placeholderCaption > .placeholderPlacedIndicator { display: inline; position: absolute; font-family: FontAwesome; left: 5px; top: 2px; bottom: 2px; color: #fff; text-shadow: 0px 0px 1px $moxis-pdfeditor-primary; } .moxis .placholderHeaderCollapsed > .placeholderCaption > .placeholderCaptionText { font-style: normal; position: absolute; left: 30px; right: 10px; color: #464646; top: 0px; bottom: 2px; overflow: hidden; text-overflow: ellipsis; } .moxis .placholderHeaderCollapsed > .placeholderCount { display: none; } .moxis .placholderHeaderCollapsed > .placeholderTemplate { display: none; } .moxis .placeholderCount { font-size: 0.9em; display: block; padding-left: 0px; margin: 4px; } .moxis .placeholderTemplateAccept { -webkit-box-shadow: 0px 0px 5px 2px #ff7900; -moz-box-shadow: 0px 0px 5px 2px #ff7900; box-shadow: 0px 0px 5px 2px #ff7900; margin: 2px auto; } .moxis .placeholderTemplateAccept > img { border: 1px solid black; } .moxis .placeholderPlaced { cursor: move; } .moxis .placeholderPlaced > img { border: 1px solid black; } .moxis .loaderWrapper { background: rgba(0, 0, 0, 0.3); border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 180px; height: 180px; z-index: 5; } .moxis .loader { color: #ffffff; font-size: 62px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 57px auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; } .moxis .PdfViewer { position: relative; width: 100%; height: 100%; } .moxis .PdfViewerContent { position: relative; width: 100%; height: 100%; } .moxis .pdfViewerMarker { border-radius: 4px; position: absolute; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; } .moxis .pdfViewerMarkerText { position: absolute; top: 50%; left: 2%; text-align: center; whitespace: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF; transform: translateY(-50%); font-size: 1.4em; font-weight: 900; font-variant: small-caps; background-position: center; background-repeat: no-repeat; right: 2%; text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000; } .moxis .PdfViewerContentFullScreen { position: fixed; top: 1px; left: 1px; right: 1px; bottom: 1px; z-index: 900; background: #FFF; } .moxis .PdfViewerPositionHelper { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; } .moxis .pdfViewerAltText { display: inline-block; padding: 0px; margin: 0px; height: 0px; width: 0px; overflow: hidden; } .moxis .PdfViewerInput { font-size: 19px !important; color: #696969; width: 25px; margin-left: 2px; margin-right: 2px; text-align: right; height: 22px; padding: 1px; border: 1px solid #696969; } .moxis .PdfViewerViewBar { position: absolute; top: 1px; right: -1px; } .moxis .PdfViewerTotalPages { border: none; font-size: 19px !important; color: #696969; } .moxis .PdfViewerButton { background: none; color: #696969; padding: 0px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px !important; border: 1px solid transparent; margin: 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .moxis .PdfViewerButton:disabled { background: none; border: 1px solid transparent; color: #cecece; } .moxis .PdfViewerButton:disabled:hover { color: #cecece; background: none; border: 1px solid transparent; } .moxis .PdfViewerButton:hover { background-color: #FFF; color: #696969; border: 1px solid #bcbcbc; } .moxis .PdfViewerNavBar { width: 100%; text-align: center; } .moxis .pdfViewContainer { position: absolute; top: 37px; left: 0px; right: 0px; bottom: 0px; overflow: auto; background-color: #969696; border: 1px solid; border-color: #515151 #515151 #414141 #414141; cursor: pointer; } .moxis .pdfViewContainer:ACTIVE { cursor: move; } .moxis .pageView { display: block; margin: 15px auto; border: 1px solid #42403F; -webkit-box-shadow: 0px 0px 5px 2px #515151; -moz-box-shadow: 0px 0px 5px 2px #515151; box-shadow: 0px 0px 5px 2px #515151; } .moxis .pageView:ACTIVE { cursor: move; } .moxis .pageViewZoomed { display: inline-block; margin: 15px; border: 1px solid #42403F; -webkit-box-shadow: 0px 0px 5px 2px #515151; -moz-box-shadow: 0px 0px 5px 2px #515151; box-shadow: 0px 0px 5px 2px #515151; } .moxis .pageViewZoomed:ACTIVE { cursor: move; } .moxis .loaderWrapper { background: rgba(0, 0, 0, 0.3); border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 180px; height: 180px; } .moxis .loader { color: #ffffff; font-size: 62px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 57px auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; } .moxis .single-upload-wrapper .drag-target-primary { border: 3px dashed #e8e9e6; box-sizing: border-box; border-radius: 8px; padding: 6px 12px; margin: 5px; } .moxis .single-upload-wrapper .drag-target-primary .moxis-primary-button { font-weight: bold; cursor: pointer; } .moxis .single-upload-wrapper .drag-failed { border: 3px dashed #ba5537 !important; } .moxis .single-upload-wrapper .drag-success { border: 3px dashed #ff7900 !important; } .moxis .single-upload-spinner { color: #ff7900; font-family: FontAwesomeProLight; animation: upload-spin 2s linear infinite; font-size: 1.5em; font-weight: bold; } .moxis .single-upload-wrapper .singleupload-button { padding: 5px; margin: 5px; margin-right: 0px; border: none; margin-top: 0px; background: none; float: right; border-radius: 4px; position: relative; top: -5px; } .moxis .single-upload-wrapper .singleupload-button:focus { box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .single-upload-wrapper .singleupload-remove-button { padding: 5px; margin: 0px; border: none; background: none; font-family: FontAwesomeProLight !important; height: 22px; cursor: pointer; font-size: 20px; line-height: 10px !important; margin-bottom: 3px; } .moxis .single-upload-wrapper .singleupload-remove-button:focus { box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .single-upload-wrapper .singleupload-progress-indeterminate { background-size: 15px 15px; background-image: linear, 45deg, transparent 25%, transparent 50%, transparent 75%, transparent; animation: indet 1s linear infinite; height: 20px; width: 150px; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .single-upload-wrapper .singleupload-error { float: right; margin: 3px; width: 180px; padding: 3px; position: relative; top: -6px; background: white; color: #696969; border: 2px solid #ba5537; border-radius: 3px; } .moxis .single-upload-wrapper .singleupload-error-tooltip { display: none; } .moxis .single-upload-wrapper .singleupload-error:HOVER .singleupload-error-tooltip { display: block; z-index: 1; position: absolute; top: -15px; right: 190px; padding: 5px; border: 1px solid #969696; width: 250px; background: white; color: #696969; border: 2px solid #ba5537; border-radius: 3px; } .moxis .single-upload-wrapper .singleupload-error-label { width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; } .moxis .single-upload-wrapper .singleupload-error-symbol { font-family: FontAwesome; color: #ba5537; float: left; } .moxis .single-upload-wrapper .singleupload-progress { height: 20px; width: 150px; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .single-upload-wrapper .singleupload-progress-inner { top: 0px; left: 0px; bottom: 0px; position: absolute; background-color: #ff7900; transition: width 0.2s; border-radius: 3px; box-shadow: 0px 0px 10px -2px #ff7900; } .moxis .multi-upload-wrapper .multiupload-button { padding: 5px; margin: 5px; margin-right: 0px; border: none; margin-top: 0px; background: none; float: right; border-radius: 4px; position: relative; top: -5px; } .moxis .multi-upload-wrapper .drag-target-primary { border: 3px dashed #e8e9e6; border-radius: 8px; box-sizing: border-box; padding: 6px 12px; margin: 5px; } .moxis .multi-upload-wrapper .drag-target-primary .moxis-primary-button { font-weight: bold; cursor: pointer; } .moxis .multi-upload-wrapper .drag-target-primary.drag-failed { border: 3px dashed #ba5537 !important; } .moxis .multi-upload-wrapper .drag-target-primary.drag-success { border: 3px dashed #ff7900 !important; } .moxis .multi-upload-wrapper .multiupload-button:focus { box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .multi-upload-wrapper .multiupload-remove-button { padding: 5px; margin: 0px; border: none; background: none; font-family: FontAwesome !important; height: 22px; line-height: 10px !important; margin-bottom: 7px; } .moxis .multi-upload-wrapper .multiupload-remove-button:focus { box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .multi-upload-wrapper .multiupload-ok { padding: 5px; margin: 0px; border: none; background: none; font-family: FontAwesomeProLight !important; height: 22px; line-height: 10px !important; margin-bottom: 7px; color: #ff7900; } .moxis .multi-upload-wrapper .multiupload-failed { padding: 5px; margin: 0px; border: none; background: none; font-family: FontAwesomeProLight !important; height: 22px; line-height: 10px !important; margin-bottom: 7px; color: #ba5537; } .moxis .multi-upload-wrapper .multiupload-progress-indeterminate { background-size: 15px 15px; background-image: linear, 45deg, #ff7900 22%, transparent 25%, transparent 50%, #ff7900 50%, #ff7900 75%, transparent 75%, transparent; animation: indet 1s linear infinite; height: 20px; width: 150px; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .multi-upload-wrapper .multiupload-error { float: right; margin: 3px; width: 180px; padding: 3px; position: relative; background: white; color: #696969; border: 2px solid #ba5537; border-radius: 3px; } .moxis .multi-upload-wrapper .multiupload-error-tooltip { display: none; } .moxis .multi-upload-wrapper .multiupload-error:HOVER .multiupload-error-tooltip { display: block; z-index: 1; position: absolute; top: -15px; right: 190px; padding: 5px; border: 1px solid #969696; width: 250px; background: white; color: #696969; border: 2px solid #ba5537; border-radius: 3px; } .moxis .multi-upload-wrapper .multiupload-error-label { width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; } .moxis .multi-upload-wrapper .multiupload-error-symbol { font-family: FontAwesome; color: #ba5537; float: left; } .moxis .multi-upload-wrapper .multiupload-progress { height: 20px; width: 150px; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0px 0px 2px 1px #ff7900; } .moxis .multi-upload-wrapper .multiupload-progress-inner { top: 0px; left: 0px; bottom: 0px; position: absolute; background-color: #ff7900; transition: width 0.2s; border-radius: 3px; box-shadow: 0px 0px 10px -2px #ff7900; } .moxis .actionCell { height: 100% !important; padding: 0px; text-overflow: clip; } .moxis .actionCell .component-wrap { height: 100%; padding: 0px 10px; } .moxis .representativeNotificationSettings v-grid-cell-focused { border: none !important; } .moxis .representativeNotificationSettings .v-grid-column-resize-handle { display: none; } .moxis .representativeNotificationSettings .v-grid-cell { border-left: none; } .moxis .representativeNotificationSettings .v-grid-cell div.component-wrap { height: 100%; } .moxis .representativeNotificationSettings .receiveNotificationsCheckBox { display: flex; justify-content: center; align-items: center; } .moxis .representativeNotificationSettings .receiveNotificationsCheckBox .component-wrap { display: flex; justify-content: center; align-items: center; } .moxis .representativeNotificationSettings .v-grid-cell-focused:before, .moxis .representativeNotificationSettings .v-treegrid-cell-focused:before, .moxis .representativeNotificationSettings .v-treegrid-row-focused:before { border: none !important; } .moxis .v-filterselect-item-illegal-item { text-decoration: line-through; color: #969696; } .moxis .v-caption-captionOnTop { display: block; } .moxis .representativeFormActions { margin: 3px; } .moxis .representativeNotificationWindow { max-width: 900px; width: 100%; max-height: 700px; height: 100%; } .moxis .representativeNotificationWindow .v-window-contents > .v-scrollable { text-align: center; } .moxis .representativeFormWindow { padding: 15px; } .moxis .representativeFormWindow .v-window-contents > .v-scrollable { text-align: center; } .moxis .representativeFormWindow .v-datefield { width: unset !important; } .moxis .representativeFormWindow .v-filterselect { width: unset !important; } .moxis .representativeProcessLayout .v-formlayout-captioncell { display: none; } .moxis .representativeProcessLayout .v-formlayout-errorcell { display: none; } .moxis .representativeProcessLayout .v-checkbox { margin-left: 0px !important; } .moxis .representativeProcessLayout .representativeProcessOptionGroup { margin-top: -15px; } .moxis .selectAllCheckBox.v-checkbox label { font-weight: bold; } .moxis .v-slot-emptyWarningStyle { height: 0px; } .moxis .representativeTimePicker .v-datefield-calendarpanel-time { display: none; } .moxis .missingProcessRepConfig { margin-top: -25px; } .moxis .v-grid-cell.warn { color: #bb9d57; } .moxis .v-grid-cell.inactive { color: #ba5537; } .moxis .v-grid-cell.active { color: #ff7900; } .moxis .ui-admin-component-container { height: 65px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; border-right: none; } .moxis .ui-admin-component-container:last-child { border-bottom: none; } .moxis .ui-admin-component-container [class^="mox-col"] { border-left: none; border-top: none; border-bottom: none; } .moxis .ui-admin-component-container [class^="mox-col"]:last-child { border-right: none; } .moxis .ui-admin-component-container .mox-col-1 { width: 8.333%; } .moxis .ui-admin-component-container .mox-col-2 { width: 16.666%; } .moxis .ui-admin-component-container .mox-col-3 { width: 25%; } .moxis .ui-admin-component-container .mox-col-4 { width: 33.333%; } .moxis .ui-admin-component-container .mox-col-5 { width: 41.666%; } .moxis .ui-admin-component-container .mox-col-6 { width: 50%; } .moxis .ui-admin-component-container .mox-col-7 { width: 58.333%; } .moxis .ui-admin-component-container .mox-col-8 { width: 66.666%; } .moxis .ui-admin-component-container .mox-col-9 { width: 75%; } .moxis .ui-admin-component-container .mox-col-10 { width: 83.333%; } .moxis .ui-admin-component-container .mox-col-11 { width: 91.666%; } .moxis .ui-admin-component-container .mox-col-12 { width: 100%; } .moxis .ui-admin-component-container .user-component-copy { cursor: copy; } .moxis .ui-admin-component-container .user-component-actions { display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; align-items: center; justify-content: flex-end; } .moxis .ui-admin-component-container .user-component-actions .user-component-action { padding: 5px; font-weight: bold; color: #969696; cursor: pointer; border-radius: 4px; border: 2px solid transparent; font-size: 0.9em; } .moxis .ui-admin-component-container .user-component-actions .user-component-action .action-icon { font-family: FontAwesomeProLight; margin: 0px 3px; font-size: 1.1em; } .moxis .ui-admin-component-container .user-component-actions .user-component-action:hover { color: #bcbcbc; } .moxis .ui-admin-component-container .user-component-actions .user-component-action:hover:focus { border: 2px solid #bcbcbc; } .moxis .ui-admin-component-container .user-component-actions .user-component-action:focus { border: 2px solid #969696; outline: none; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.danger { color: #ba5537; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.danger:hover { color: #d3826a; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.danger:hover:focus { border: 2px solid #d3826a; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.danger:focus { border: 2px solid #ba5537; outline: none; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.primary { color: #ff7900; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.primary:hover { color: #ffa14c; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.primary:hover:focus { border: 2px solid #ffa14c; } .moxis .ui-admin-component-container .user-component-actions .user-component-action.primary:focus { border: 2px solid #ff7900; outline: none; } .moxis .ui-admin-component-container .userDataArea { height: 100%; display: flex; flex-direction: row; align-items: center; } .moxis .ui-admin-component-container .userDataArea .imageContainer { display: flex; flex-direction: column; align-content: space-around; align-items: center; margin: 0px 5px; } .moxis .ui-admin-component-container .userDataArea .deemphasize { font-size: 0.9em; opacity: 0.6; line-height: 1.1em; } .moxis .ui-admin-component-container .userDataArea .user-role { font-family: FontAwesomeProLight; margin: 0px 3px; } .moxis .ui-admin-component-container .userDataArea .user-profile { position: relative; } .moxis .ui-admin-component-container .userDataArea .user-profile .profile-icon { font-family: FontAwesomeProLight; margin: 0px 3px; } .moxis .ui-admin-component-container .userDataArea .user-profile .popOver { position: absolute; top: 25px; left: 0px; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.8); z-index: 1; color: white; padding: 5px; text-align: center; border-radius: 4px; } .moxis .ui-admin-component-container .userDataArea .user-profile .popOver img { width: 225px; } .moxis .xignup img { height: 50px; width: auto !important; box-shadow: none !important; } .moxis .dashboardBoxSubtext { color: black; font-weight: normal; font-size: 12px; position: absolute; bottom: 0; width: 100%; line-height: 20px; text-align: center; } .moxis .xignupButton { width: 220px; } .moxis .v-link-xignupButton a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .moxis .v-link-xignupButton a:hover { color: #fff; } .moxis .v-link-xignupButton { background-color: #ff7900; color: #fff; height: 35px; text-decoration: none; display: flex; align-items: center; justify-content: center; border: 1px solid #66843f; border-radius: 3px; border-top-color: #d1d1d1; border-bottom-color: #d1d1d1; font-weight: 400; } .moxis .v-link-xignupButton:hover { color: #fff; } .moxis .xignup-status { margin-top: 10px; } .moxis .m-state-indicator.xignupOpenRequest { color: #fff; background-color: #969696; } .moxis .m-state-indicator.xignupApprovedRequest { color: #fff; background-color: #ff7900; } .moxis .m-state-indicator.xignupTimeouted { color: #fff; background-color: #ba5537; } .moxis .xignup-callbackstatus { padding-top: 10px; } .moxis .MoxisUIWarning { display: flex; flex-direction: row; overflow: hidden; position: fixed; left: 0px; right: 0px; top: 0px; background-color: #ffe48f; justify-content: space-between; align-items: center; align-content: center; z-index: 30000; padding: 2px; box-shadow: 0px -3px 12px 0px rgba(0, 0, 0, 0.75); } .moxis .MoxisUIWarning .MoxisUIWarningMessageLayout { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .moxis .MoxisUIWarning .MoxisUIWarningMessageLayout .v-label { white-space: normal; max-width: 100%; } .moxis .MoxisUIWarning .MoxisUIWarningMessageLayout .h3 { padding-right: 8px; } .moxis .MoxisUIWarning .h3 { white-space: nowrap; font-weight: bold; margin: 0px 2px !important; } .moxis .no-stripes .v-grid-row-stripe > td { background-color: white !important; } .moxis .userGridExternalNameCell { color: #969696; } .moxis .component-removed { display: none; } .moxis .v-button.IconOnly { padding: 1px 6px 0px 3px; height: auto; line-height: normal; } .moxis .v-button.IconOnly:focus .v-icon:after { content: ""; border-radius: 2px; position: absolute; top: 0px; left: -3px; right: -3px; bottom: -1px; box-shadow: 0px 0px 0px 2px #ff7900; } .moxis .v-button.IconOnly:after { display: none; } .moxis .v-button.IconOnly:before { display: none; } .moxis .v-button.IconOnly .v-button-wrap { line-height: normal; display: inline; margin: 0px; padding: 0px; height: auto; } .moxis .v-button.IconOnly .v-button-wrap .v-button-caption { display: none; } .moxis .v-button.IconOnly .v-button-wrap .v-icon { height: auto; display: inline; line-height: normal; position: relative; } .moxis .v-checkbox.IconOnly { padding-left: 0px; padding-right: 0px; } .moxis .v-checkbox.IconOnly > label { display: none; } .moxis .v-checkbox.IconOnly > .v-icon { position: relative; color: #969696; } .moxis .v-checkbox.IconOnly > .v-icon:before { content: ""; position: absolute; height: 140%; width: 1px; background: #969696; transform: translateX(-50%) translateY(-50%) rotate(45deg); left: 50%; top: 50%; box-shadow: 1px white; box-shadow: 0px -2px 0px 2px #FFF; } .moxis .v-checkbox.IconOnly > input[checked] ~ .v-icon { color: #000; } .moxis .v-checkbox.IconOnly > input[checked] ~ .v-icon:before { display: none; } .moxis .v-checkbox.IconOnly > input:focus ~ .v-icon:after { content: ""; border-radius: 2px; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; box-shadow: 0px 0px 0px 2px #ff7900; } .moxis .v-button-moxfailed { height: 37px; padding: 0 16px; color: #f6efee; font-weight: 400; border-radius: 3px; border: 1px solid #98452d; border-top-color: #9a472d; border-bottom-color: #93412a; background-color: #ba5537; background-image: -webkit-linear-gradient(top, #bc5738 2%, #b45034 98%); background-image: linear-gradient(to bottom,#bc5738 2%, #b45034 98%); -webkit-box-shadow: inset 0 1px 0 #c77661; box-shadow: inset 0 1px 0 #c77661; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .moxis .v-button-moxfailed:after { border: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; } .moxis .v-button-moxfailed:hover:after { background-color: rgba(211, 130, 106, 0.1); } .moxis .v-button-moxfailed:focus:after { border: inherit; -webkit-box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.5); } .moxis .v-button-moxfailed:active:after { background-color: rgba(108, 34, 13, 0.2); } .moxis .v-button-moxfailed.small { height: 31px; } .moxis h1, .moxis .v-label-h1, .moxis h2, .moxis .v-label-h2, .moxis h3, .moxis .v-label-h3, .moxis .v-table { color: #1a1a1a; } .moxis .v-label-colored { color: #ff7900; } .moxis .v-tabsheet-tabitemcell-primary .v-caption { font-weight: 900; } .moxis .v-tabsheet-tabitemcell-primary .v-icon { font-weight: 900; } .moxis .moxis-button-center { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; } .moxis .moxis-button-center:hover:after { background: transparent; } .moxis .moxis-button-center:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-button-center:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-button-center .v-icon { margin-left: -12px; } .moxis .moxis-details-form { min-width: 600px; } .moxis .languageItems:focus { box-shadow: 0px 0px 0px 2px #ff7900; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-toggle:focus { color: #ff7900; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-toggle:focus { color: #ff7900; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item:focus .v-button-caption { font-weight: 900; color: #ff7900; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item:focus .v-icon { color: #ff7900; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-item:focus::after { box-shadow: none !important; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu-top-multi-item:focus .v-menubar-menuitem-caption { color: #ff7900; font-weight: 900; } .moxis .v-tabsheet-tabitemcell-selected.v-tabsheet-tabitemcell-failed .v-captiontext { color: #ba5537; } .moxis .v-tabsheet-tabitemcell-failed:focus .v-captiontext { box-shadow: 0px 0px 0px 2px #ba5537 !important; } .moxis .v-tabsheet-tabitemcell-failed:hover .v-captiontext { color: #ba5537; } .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--open .c-x-m-c-menu-toggle .v-button-caption, .moxis .c-x-m-c-menu-wrapper .c-x-m-c-menu--closed .c-x-m-c-menu-toggle .v-button-caption { display: inline; } .moxis .menuProfileImage .v-icon, .moxis .profileImage { border-radius: 100%; width: 40px; } .moxis .v-button:focus::after { box-shadow: 0 0 0 2px #ff7900 !important; } .moxis .v-button.moxfailed:focus::after { box-shadow: 0 0 0 2px #ba5537 !important; } .moxis .qrCodeButton { margin: 0px; margin-left: 3px; padding: 0px; height: 17px; } .moxis .qrCodeButton .v-button-wrap { position: relative; top: -2px; } .moxis .infoDetails-button { padding-left: 18px !important; } .moxis .lightGrid .v-treegrid-cell { border: none !important; } .moxis .lightGrid.v-treegrid { background: none; } .moxis .lightGrid .nonExpandableRow { margin-left: -15px; } .moxis .lightGrid .v-grid-tablewrapper { border: none; } .moxis .lightGrid .v-treegrid-tablewrapper { border: none; } .moxis .lightGrid .v-grid-row-stripe > td, .moxis .lightGrid .v-treegrid-row-stripe > td { background: none; } .moxis .lightGrid .v-grid-header .v-grid-cell, .moxis .lightGrid .v-treegrid-header .v-treegrid-cell { border-left: none; background: none; color: #696969; } .moxis .lightGrid .v-treegrid-cell { background: none; } .moxis .lightGrid .v-grid-cell-focused:before, .moxis .lightGrid .v-treegrid-cell-focused:before, .moxis .lightGrid .v-treegrid-row-focused:before { border: none !important; } .moxis .lightGrid .v-grid-row > td, .moxis .lightGrid .moxis .v-grid-editor-cells > div { border-left: none; text-overflow: clip; } .moxis .lightGrid .v-grid-row > td .v-horizontallayout, .moxis .lightGrid .moxis .v-grid-editor-cells > div .v-horizontallayout { position: relative; top: -1px; } .moxis .placeholderSettingsAddLayout .placeholderSettingsNameLabel { width: 250px !important; overflow: hidden; text-overflow: ellipsis; padding-bottom: 3px; } .moxis .placeholderSettingsAddLayout .placeholderSettingAddComponent { margin-top: 5px; margin-right: 5px; } .moxis .placeholderSettingsAddLayout .v-required-field-indicator { display: none !important; } .moxis .multishadow .v-icon { text-shadow: 4px 2px 0px rgba(90, 90, 90, 0.4), 8px 4px 0px rgba(90, 90, 90, 0.4); } .moxis .historicLabel { width: auto !important; } .moxis .std-details-main .moxis-details-form-noCaptions { margin-top: 30px !important; } .moxis .std-details-main .moxis-details-form-noCaptions .v-formlayout-row:nth-of-type(n+1) .v-formlayout-captioncell { display: none !important; } .moxis .std-details-main .moxis-details-form-noCaptions .v-formlayout-row:nth-of-type(n+1) .stdFolderViewEdit-Caption { margin-top: 15px; } .moxis .std-details-main .v-label-h2 { position: relative !important; padding: 0px !important; margin: 0px !important; } .moxis .std-details-main .v-label-h4 { position: relative !important; margin: 0px !important; padding: 0px !important; } .moxis .std-details-main .v-caption-h4 { height: 0px !important; } .moxis .std-details-main .v-formlayout-contentcell { padding-bottom: 5px !important; margin-bottom: 2px !important; } .moxis .attributes-component .v-spacing { height: 5px; } .moxis .taskAttributesButton { margin-bottom: 3px !important; margin-right: 10px !important; } .moxis .formCaptionFix { position: relative; top: -34px; margin-bottom: -20px; } .moxis .stdFolderViewEdit-Button { top: 9px; } .moxis .fullscreenTabbar .v-tabsheet-tabcontainer { position: fixed; z-index: 999; top: 0px; left: 0px; right: 46px; width: auto !important; } .moxis .fullscreenTabbar .PdfViewerContentFullScreen .PdfViewerNavBar { padding-top: 38px; } .moxis .fullscreenTabbar .PdfViewerContentFullScreen .pdfViewContainer { top: 73px; } .moxis .stdFolderViewEdit-Caption { color: #3e3e3e; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0; margin-top: 7px; margin-right: 7px; } .moxis .std-margin { margin: 4px; } .moxis .wrap { white-space: normal !important; } .moxis .positionPlaceholders .v-label { margin-top: 9px !important; margin-bottom: 9px !important; } .moxis .positionPlaceholders .v-button { margin-top: 15px !important; margin-bottom: 9px !important; } .moxis .DocumentViewActionContainer { position: absolute; left: 3px; bottom: 3px; } .moxis .DocumentViewActionContainer .v-button { padding-right: 10px !important; padding-left: 10px !important; } .moxis .DocumentViewActionContainer .danger-light { color: #ba5537; } .moxis .DocumentViewActionContainer .signRedraw .v-button-wrap { position: relative; } .moxis .DocumentViewActionContainer .signRedraw .v-button-wrap:BEFORE { content: "\f00d"; position: absolute; bottom: 0px; right: 0px; font-size: 6px; font-family: FontAwesomeProLight; } .moxis .DocumentViewActionContainer .approveRedraw .v-button-wrap { position: relative; } .moxis .DocumentViewActionContainer .approveRedraw .v-button-wrap:BEFORE { content: "\f00d"; position: absolute; bottom: 0px; right: 0px; font-size: 6px; font-family: FontAwesomeProLight; } .moxis .actionHelper { position: absolute; bottom: 45px; left: 0px; } .moxis .actionHelper .actionHelperInner { position: fixed; background: #eff1f2; border: 1px solid #dbdbdb; border-top-right-radius: 4px; padding: 3px; } .moxis .actionHelperMask { background-color: #fbfbfb; position: absolute; bottom: -500px; left: 0px; top: 0px; right: 0px; } .moxis .actionHelperMaskWrapper { position: relative; } .moxis .moxis-details-form .v-caption .v-caption { width: 120px; white-space: normal; } .moxis .std-details-main { padding: 15px; width: 99%; height: 99%; box-sizing: border-box; } .moxis .std-details-main .std-details-document { width: 60% !important; height: 100%; display: inline-block; } .moxis .std-details-main .std-details-content { width: 40% !important; height: 100%; padding-left: 15px; padding-top: 7px; display: inline-block; } .moxis .m-task-table .v-table-cell-wrapper { padding: 0px !important; } .moxis .m-task-table .v-table-cell-wrapper > .v-widget { margin: 0px !important; padding-left: 2px; } .moxis .moxis-std-component { padding: 3px 5px; width: 100%; height: 125px; margin: 0px 0px 0px 0px !important; background-color: #fff; border-bottom: 1px solid #d9d9d9; position: relative; padding-left: 5px; margin-left: 3px; cursor: pointer; overflow: hidden; display: inline-block; transition: 0.5s; box-sizing: border-box; } .moxis .moxis-std-component .bubble { position: absolute; top: 4px; left: 3px; height: 35px; width: 35px; border-radius: 100%; } .moxis .moxis-std-component .bubble a { display: none; position: absolute; line-height: 30px; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: white; border-radius: 16px; text-align: center; font-family: FontAwesomeProLight; text-decoration: none; font-size: 1.2em; color: black; padding-left: 2px; padding-top: 2px; } .moxis .moxis-std-component .bubble a.show { display: inline-block; } .moxis .moxis-std-component:hover .bubble a { display: inline-block; } .moxis .moxis-std-component.pending .bubble a { display: inline-block; } .moxis .moxis-std-component.pending .showIfPending { display: inline-block !important; } .moxis .moxis-std-component .accessibilityActions { display: none; left: 2px; bottom: 9px; position: absolute; } .moxis .moxis-std-component .accessibilityActions a { text-decoration: none; font-weight: bold; font-variant: normal; text-decoration: none; font-weight: 900; padding: 7px; font-size: 1em; font-family: FontAwesomeProLight; } .moxis .moxis-std-component .accessibilityActions a:focus { outline: none; border: 2px solid #b35500; border-radius: 4px; } .moxis .moxis-std-component .category:BEFORE { font-family: FontAwesomeProLight; content: "\f0da"; padding-right: 6px; } .moxis .moxis-std-component .receivedDate:BEFORE { font-family: FontAwesomeProLight; content: "\f0e0"; padding-right: 6px; } .moxis .moxis-std-component .remarkIcon:BEFORE { font-family: FontAwesomeProLight; content: "\f0e5"; padding-right: 6px; position: relative; bottom: 1px; } .moxis .moxis-std-component .expiryDate:BEFORE { font-family: FontAwesomeProLight; content: "\f017"; padding-right: 6px; } .moxis .moxis-std-component .signature:BEFORE { font-family: FontAwesomeProLight; content: "\f5ac"; padding-right: 8px; } .moxis .moxis-std-component .approval:BEFORE { font-family: FontAwesomeProLight; content: "\f5bf"; padding-right: 6px; } .moxis .moxis-std-component .rejection:BEFORE { font-family: FontAwesomeProLight; content: "\f00d"; padding-right: 9px; } .moxis .moxis-std-component .histElem { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-right: 27px; } .moxis .moxis-std-component .doneSignatures:BEFORE { font-family: FontAwesomeProLight; content: "\f044"; padding-right: 6px; } .moxis .moxis-std-component .privateIteration:BEFORE { font-family: FontAwesomeProLight; content: "\f502"; padding-right: 6px; } .moxis .moxis-std-component .indicator { display: none; position: absolute; width: 3px; left: 0px; top: 2px; bottom: 2px; border-top-right-radius: 2px; border-top-left-radius: 2px; opacity: 0.3; } .moxis .moxis-std-component .textIndicator { display: none; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(7deg); font-size: 1.8em; font-weight: 900; } .moxis .moxis-std-component.selected { background: #fffaf5; box-shadow: -1px 0px 3px 0px #ff7900; } .moxis .moxis-std-component.pending { background: #ffe48f; background: #ffe48f; box-shadow: -1px 0px 3px 0px #997400; } .moxis .moxis-std-component.erronous { background: #f9efec; } .moxis .moxis-std-component:hover { background: #f2f2f2; } .moxis .moxis-std-component.selected:hover { background: #ffecdb; } .moxis .moxis-std-component.pending:hover { background: #ffde76; } .moxis .moxis-std-component.erronous:hover { background: #f4dfd9; } .moxis .moxis-std-component .actions { position: absolute; bottom: 5px; right: 0px; visibility: hidden; padding: 8px; } .moxis .moxis-std-component .actions a { text-decoration: none; font-weight: bold; font-variant: normal; text-decoration: none; font-weight: 900; padding: 7px; font-size: 1em; color: #ff7900; } .moxis .moxis-std-component .actions a:focus { border: 2px solid #ff7900; border-radius: 4px; outline: none; } .moxis .moxis-std-component .actions a.unfriendly { color: #ba5537; } .moxis .moxis-std-component .actions a.unfriendly:hover { color: #d3826a; } .moxis .moxis-std-component .actions a.unfriendly:active { color: #7f3a26; } .moxis .moxis-std-component .actions a.unfriendly:focus { border: 2px solid #ff7900; border-radius: 4px; outline: none; } .moxis .moxis-std-component:HOVER .actions { visibility: visible; } .moxis .moxis-std-component .history { display: inline-block; color: #696969; height: 100%; line-height: 1.4em; float: left; box-sizing: border-box; padding-top: 10px; } .moxis .moxis-std-component .history .additional { box-sizing: border-box; padding-left: 24px; } .moxis .moxis-std-component .iterationData { display: inline-block; height: 100%; line-height: 1.4em; float: left; box-sizing: border-box; padding-top: 10px; } .moxis .moxis-std-component .jobData { display: inline-block; height: 100%; line-height: 1.4em; float: left; box-sizing: border-box; padding-top: 10px; } .moxis .moxis-std-component .jobData div { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .moxis .moxis-std-component .documentArea { display: inline-block; height: 100%; float: left; line-height: 1.4em; position: relative; } .moxis .moxis-std-component .documentArea img { border-radius: 100%; height: 35px; width: 35px; } .moxis .moxis-std-component .documentArea .constituentAndDocument { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: 10px; left: 50px; right: 27px; } .moxis .moxis-std-component .documentArea .titleDoc { font-weight: 900; } .moxis .moxis-std-component .documentArea .documentText { position: relative; } .moxis .moxis-std-component .documentArea .desc { font-weight: 200; color: #696969; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9em; } .moxis .moxis-std-component .documentArea .downloads { position: absolute; bottom: 40px; left: 50px; } .moxis .moxis-std-component .documentArea .download { position: relative; border-radius: 3px; font-size: 16px; font-weight: normal; padding: 7px 12px; margin-bottom: 4px; overflow: hidden; color: #838B78; border: 1px solid #838B78; } .moxis .moxis-std-component .documentArea .download:hover { color: #a9aea1; box-shadow: 0px 0px 5px 0px #a9aea1; } .moxis .moxis-std-component .documentArea .download:active { color: #5c6254; box-shadow: 0px 0px 5px 0px #5c6254; } .moxis .moxis-std-component .documentArea .download:focus { color: #5c6254; box-shadow: 0px 0px 5px 0px #ff7900; outline: none; } .moxis .moxis-std-component .documentArea .download.mainDoc { color: #515151; border: 1px solid #515151; } .moxis .moxis-std-component .documentArea .download.mainDoc:hover { color: #777777; box-shadow: 0px 0px 5px 0px #777777; } .moxis .moxis-std-component .documentArea .download.mainDoc:active { color: #2b2b2b; box-shadow: 0px 0px 5px 0px #2b2b2b; } .moxis .moxis-std-component .documentArea .download.mainDoc:focus { color: #2b2b2b; box-shadow: 0px 0px 5px 0px #ff7900; outline: none; } .moxis .moxis-std-component .documentArea .download.mainDoc.open { position: relative; } .moxis .moxis-std-component .documentArea .download.mainDoc.open p:BEFORE { color: #969696; font-size: 10px; right: 3px; top: -2px; font-family: FontAwesomeProLight; content: ""; position: absolute; } .moxis .moxis-std-component .documentArea .download.mainDoc.done { position: relative; } .moxis .moxis-std-component .documentArea .download.mainDoc.done p:BEFORE { color: #90DD00; font-size: 10px; right: 3px; top: -2px; font-family: FontAwesomeProLight; content: "\f00c"; position: absolute; } .moxis .moxis-std-component .documentArea .download.mainDoc.failed { position: relative; } .moxis .moxis-std-component .documentArea .download.mainDoc.failed p:BEFORE { color: #E83B0C; font-size: 10px; right: 3px; top: -2px; font-family: FontAwesomeProLight; content: "\f05e"; position: absolute; } .moxis .moxis-std-component .documentArea .download p { width: 95px; padding-left: 5px; padding-right: 5px; overflow: hidden; white-space: nowrap; display: inline-block; margin-bottom: -4px; text-overflow: ellipsis; height: 21px; } .moxis .moxis-std-component .documentArea .download:BEFORE { font-family: FontAwesomeProLight; content: "\f016"; } .moxis .moxis-std-component .documentArea .download:AFTER { font-family: FontAwesomeProLight; content: "\f019"; } .moxis .moxis-std-component .documentArea .download.zip:BEFORE { content: "\f1c6"; } .moxis .moxis-std-component .documentArea .download.pdf:BEFORE { content: "\f1c1"; } .moxis .std-details-window { width: 90%; height: 90%; top: 5% !important; left: 5% !important; } .moxis .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 200px; height: 200px; text-align: right; } .moxis .ribbon.success span { font-size: 10px; font-weight: bold; color: #ff7900; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 150px; display: block; background: #fff; border: 1px solid #ff7900; box-shadow: 0 3px 10px -5px black; position: absolute; top: 33px; left: -29px; } .moxis .ribbon.failed span { font-size: 10px; font-weight: bold; color: #ba5537; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 150px; display: block; border: 1px solid #ba5537; background: #fff; box-shadow: 0 3px 10px -5px black; position: absolute; top: 33px; left: -29px; } .moxis .std-details-invited-signers { max-height: 100px; overflow: auto; padding-top: 5px; padding-bottom: 5px; } .moxis .std-details-invited-signers-label { white-space: pre-wrap; } .moxis .detailsDocLayout .ddoc { margin-left: -3px; padding-left: 0px; } .moxis .detailsDocLayout .ddoc .v-button-caption { width: 250px; overflow: hidden; white-space: nowrap; display: inline-block; margin-bottom: -2px; text-overflow: ellipsis; text-align: left; margin-top: 4px; margin-bottom: -4px; } .moxis .signing-window { background-color: white; } .moxis .moxisDefault { font-size: 20px; height: 500px; padding: 0 0 250px; vertical-align: top; font-weight: bold; margin: 10px; } .moxis .buttonCssStyle { margin: 10px; } .moxis #processSelectionId > .v-button > .v-button-wrap > .v-button-caption { position: absolute; left: 0px; margin: 10px; top: 60px; height: 200px; width: 280px; display: table-cell; text-align: center; vertical-align: middle; word-wrap: break-word; white-space: normal; } .moxis #processSelectionId { margin: 10px; } .moxis #processSelectionId > .v-button { padding: 0 0 250px; word-wrap: break-word; white-space: normal; } .moxis .processCssLayout { overflow: auto; padding: 5px; } .moxis .buttonCaptionLabel { word-wrap: break-word; position: relative; top: -500px; right: -20px; align-content: center; vertical-align: middle; text-align: center; display: table-cell; pointer-events: none; font-size: 20px; height: 160px; width: 280px; } .moxis #buttonCaptionId { width: 280px; } .moxis .iteration-remove-user-button { width: 26px; padding: 0px; font-size: 20px; } .moxis .iterationComponentCaption { margin-top: 0px !important; margin-bottom: 10px !important; } .moxis .v-menubar-submenu-v-menubar.nextIterationMenuBar .v-menubar-menuitem { text-align: center; } .moxis .createSignerScrollWrapper { max-height: 440px; overflow: auto; } .moxis .createSignerSelect label { width: 100%; } .moxis .createSignerSelect > span:last-child br { display: none; } .moxis .createSignerSelect > span:last-child hr { display: none; } .moxis .v-checkbox.CBCaptionRight { padding-left: 0px; padding-right: 25px; } .moxis .v-checkbox.CBCaptionRight > input { left: unset; right: 0.2em; } .moxis .v-checkbox.CBCaptionRight > input ~ label:after { left: auto; right: 0; } .moxis .v-checkbox.CBCaptionRight > input ~ label:before { left: auto; right: 0; } .moxis .std-iteration-create-pt { padding-bottom: 3px; } .moxis .std-iteration-create-pt .v-filterselect-input { padding-right: 8px; } .moxis .std-iteration-create-pt .v-filterselect-button { display: none; } .moxis .attachments-upload-component { display: flex; align-items: flex-start; justify-content: space-between; } .moxis .attachments-upload-component .h3 { padding-top: 15px; } .moxis .summaryBatchJobWindow .windowLayout { width: 100%; } .moxis .summaryBatchJob .filename { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .moxis .summaryBatchJobWindow .v-table-body { max-height: 350px; height: unset !important; } .moxis .summaryBatchJob .v-scrollable { overflow-x: hidden !important; overflow-y: auto !important; } .moxis .v-caption-stdFolderViewSection { margin-top: 13px; float: left; height: 3em; } .moxis .v-caption-stdFolderViewSection span { color: #3e3e3e; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0; margin-top: 1.2em; display: block; } .moxis .hide-label-overflow { overflow: hidden; text-overflow: ellipsis; } .moxis .grpOptionSeperator { border-top: 0.1em #f5f5f5; } .moxis .v-menubar-menuitem-widthFull { width: 100% !important; } .moxis .overflow-x-hidden .tr, .moxis .overflow-x-hidden .div, .moxis .overflow-x-hidden .td { overflow: hidden !important; } .moxis .overflow-x-hidden .v-table-body { overflow-x: hidden !important; } .moxis .overflow-x-hidden .v-table-body .v-table-row { overflow: hidden !important; } .moxis .v-horizontallayout-stdFolderViewSection { font-size: 0.9em; margin-left: -85px; margin-top: 0.95em; } .moxis .positionPlaceholders { margin-top: 8px; margin-bottom: -8px; } .moxis .positionPlaceholdersButton, .moxis .positionPlaceholdersComponent { float: right; position: relative; bottom: 9px; } .moxis .positionPlaceholdersButton { border: 1px solid; } .moxis .positionPlaceholdersComponent { float: right; position: relative; top: 5px; } .moxis .editIterationTable { font-size: 0.8em; margin-top: 5px; } .moxis .editIterationDeputyCombobox { margin-top: 5px; } .moxis .small-margin { margin: 3px; } .moxis .v-spacing { height: 2px; } .moxis .group-signature-layout { text-align: right; } .moxis .group-signature-layout .v-checkbox { margin: 5px 2px; } .moxis .create-process-container { padding: 2px; margin-bottom: 16px; } .moxis .aPanel { width: 600px; overflow: hidden; } .moxis .aPanel .v-button { text-align: right; float: right; margin: 0px; padding: 0px; height: 35px !important; margin-top: -10px; } .moxis .aPanel .v-button .v-button-caption { display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 500px; margin-top: 13px; margin-right: 3px; } .moxis .mdUpload { display: flex; align-items: baseline; justify-content: space-between; } .moxis .mdUpload .h3 { padding-top: 15px; } .moxis .mdUpload .mdPanel { overflow: hidden; text-overflow: ellipsis; width: 300px; float: right; } .moxis .mdUpload .mdPanel .moxis-multiupload { text-align: right; float: right; margin-top: -17px; } .moxis .mdUpload .mdPanel .moxis-multiupload .v-customcomponent { text-align: right; margin-top: 9px; } .moxis .mdUpload .mdPanel .moxis-multiupload .v-button { color: #ff7900; } .moxis .mdUpload .mdPanel .moxis-primary-button { text-align: right; float: right; margin: 0px; padding: 0px; height: 35px !important; margin-top: -15px; margin-right: 15px; } .moxis .mdUpload .mdPanel .moxis-primary-button .v-button-caption { display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 270px; margin-top: 13px; } .moxis .v-tabsheet-tabitemcell-primary .v-caption { font-weight: 900; } .moxis .v-tabsheet-tabitemcell-primary .v-icon { font-weight: 900; } .moxis .moxis-button-center { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; } .moxis .moxis-button-center:hover:after { background: transparent; } .moxis .moxis-button-center:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-button-center:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-button-center .v-icon { margin-left: -12px; } .moxis .moxis-details-form { min-width: 600px; } .moxis .moxis-upload { float: right; } .moxis .v-tabsheet-tabitemcell-primary .v-caption { font-weight: 900; } .moxis .v-tabsheet-tabitemcell-primary .v-icon { font-weight: 900; } .moxis .moxis-button-center { border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: inherit; } .moxis .moxis-button-center:hover:after { background: transparent; } .moxis .moxis-button-center:active:not(.v-disabled) { opacity: 0.7; filter: alpha(opacity=70) ; } .moxis .moxis-button-center:active:not(.v-disabled):after { background: transparent; } .moxis .moxis-button-center .v-icon { margin-left: -12px; } .moxis .moxis-details-form { min-width: 600px; } .moxis .description-margin { margin: 6px 0; } .moxis .mainSigFieldIdLabel { margin-left: 33px; } .moxis .groupCaptionLabel { margin-top: 8px !important; margin-bottom: 8px !important; } .moxis .round-outer { width: 100%; border: 1px solid #ddd; position: relative; padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 9px; margin: 8px 0; } .moxis .round-outer .types { position: absolute; right: 11px; bottom: 4px; } .moxis .round-outer .v-label-small { padding: 2px; font-size: 0.8em; } .moxis .round-outer .round-caption { position: absolute; top: -14px; background: white none repeat scroll 0% 0%; left: 10px; padding-left: 5px; padding-right: 5px; } .moxis .round-outer .margin { margin: 5px 0; } .moxis .round-outer .deleteIterationLayout { position: absolute; top: 0px; right: 0px; font-size: 20px; } .moxis .round-outer .deleteIterationLayout .v-checkbox { margin-top: 5px; font-size: 18px; top: 1px; } .moxis .round-outer .round-caption input { text-align: right; } .moxis .round-outer .round-table { margin-bottom: 5px; font-size: 0.9em; } .moxis .round-outer .round-table .v-table-header-cell { font-size: 0.9em; } .moxis .rightComponent { width: 100%; float: right; } .moxis .v-slot-rightComponent { width: 100%; margin-top: 10px; } .moxis .StdCreatePlaceholderPositioningLayout { width: 100%; } .moxis .StdCreatePlaceholderPositioningLayout .v-label { float: left; } .moxis .StdCreatePlaceholderPositioningLayout .v-button { float: right; margin-top: 4px; } .moxis .text-right { text-align: right; } .moxis .v-datefield-closing-job-calendar { float: right; margin-top: -9px; } .moxis .m-top-timeoutdate { margin-top: 11px; } .moxis .templateCaptionLabel { margin-top: 0px !important; margin-bottom: 0px !important; } .moxis .templateHint { white-space: normal; } .moxis .floatRight { float: right !important; } .moxis .templateSaveButton { margin-top: 15px; } .moxis .templateCancelButton { margin-top: 15px; margin-right: 10px; } .moxis .saveTemplateComponent { margin-right: 10px; } .moxis .bold { font-weight: bold; } .moxis .paddingleft { padding-left: 10px !important; } .moxis .paddingBottom { padding-bottom: 10px !important; } .moxis .hintSignaturePage { padding-top: 5px; } .moxis .moxis-login .operator-info .operator-image { height: 55px; } .moxis .moxis-login .moxis-image { height: 100px; } .moxis-login a, .moxis-login a:ACTIVE, .moxis-login a:HOVER, .moxis-login a:VISITED { color: #5c5c5c; } .moxis-login a:focus, .moxis-login input:focus { outline: 1px auto #ff7900 !important; } .moxis-login #full { height: 100%; background: #777; } .moxis-login .container { top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; border: 0px solid grey; background-color: #eff1f2; font-weight: normal; } .moxis-login .left-outer-container { position: absolute; width: 50%; height: 100%; } .moxis-login .container-left { position: absolute; top: 45%; left: 50%; transform: translateY(-50%) translateX(-50%); } .moxis-login .container-right { width: 50%; top: 0px; bottom: 0px; right: 0px; position: absolute; background-image: url("../moxis/img/Logo.png"); background-position: bottom right; background-repeat: no-repeat; background-size: cover; } .moxis-login .margin-left { padding-left: 20px; padding-right: 20px; } .moxis-login .login-block { width: 350px; } .moxis-login .LoginLicenseErrorLink { color: #ff7900; font-weight: bold; display: block; padding-bottom: 15px; font-size: 1.1em; width: 100%; text-align: center; } .moxis-login .login-block { margin: auto auto; } .moxis-login .error-msg { margin-top: 0px; color: #ba5537; margin-left: 10px; font-weight: bold; } .moxis-login .info-msg { margin-top: 0px; color: #ff7900; margin-left: 10px; font-weight: bold; } .moxis-login .email-match-msg { margin-top: 0px; color: #bb9d57; margin-left: 10px; margin-right: 5px; font-size: 14px; } .moxis-login .email-match-msg::before { font-family: FontAwesomeProLight; content: "\f071"; margin-right: 7px; position: relative; bottom: 1px; } .moxis-login .moxis-image { background-image: url("../moxis/img/Logo2.png"); background-position: center bottom; background-repeat: no-repeat; height: 40px; padding-top: 10px; } .moxis-login .login-window { border: 0px solid grey; width: 100%; background-color: white; padding: 0px; border-radius: 5px; } .moxis-login .input-elem-container { width: 100%; } .moxis-login .loginfield { width: 300px; font-size: 18px; font-weight: bold; } .moxis-login .password-forgoten-text { margin-top: 10px; } .moxis-login .operator-info .operator-text { text-align: center; margin: 0 0 5px 0; font-size: 14px; } .moxis-login .operator-info .operator-text:after { content: "powered by"; } .moxis-login .operator-info .operator-image { background-image: url("../moxis/img/moxis_logo_operator.png"); background-repeat: no-repeat; background-position: center bottom; height: 80px; } .moxis-login form#form { padding-left: 15px; padding-right: 15px; } .moxis-login .input-loginfield { width: 290px; margin: 0 auto; border: 1px solid #dbdbdb; font-weight: 400; border-radius: 5px; font-size: 16px; height: auto; margin-bottom: 15px; padding: 7px 9px; margin-left: 5px; margin-top: 5px; color: #505050; } .moxis-login .info-text, .moxis-login .info-login-text { font-size: 14px; color: #292929; margin: 0; } .moxis-login .info-text { padding: 20px 20px; } .moxis-login .info-login-text { padding: 0px 20px; margin-top: 10px; padding-bottom: 5px; } .moxis-login .info-login-text p { margin: 5px 0px; } .moxis-login .login-window label { margin-left: 5px; margin-bottom: 3px; font-size: 14px; } .moxis-login .login-window button { width: 310px; margin-left: 5px; height: 40px; margin-bottom: 20px; background-color: #ff7900; border-radius: 3px; border: none; font-size: 16px; font-weight: bold; color: white; cursor: pointer; } .moxis-login .login-window button:hover { background-color: #f07200; } .moxis-login .footer, .moxis-login .footer-bottom-text { color: #969696; } .moxis-login .footer { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); } .moxis-login .footer-links { text-align: center; margin-bottom: 5px; } .moxis-login .footer-links a { text-decoration: none; } .moxis-login .footer-bottom-text { font-size: 12px; } .moxis-login .moxis-login .operator-info .operator-image { height: 55px; } .moxis-login .moxis-login .moxis-image { height: 100px; }