diff -r 033898178630 -r 37f1a08315f3 www/jqwidgets/styles/jqx.base.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/www/jqwidgets/styles/jqx.base.css Sun Aug 05 11:32:13 2018 +0200 @@ -0,0 +1,7120 @@ +/*Rounded Corners*/ +/*top-left rounded Corners*/ +.jqx-rc-tl +{ + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; +} +/*top-right rounded Corners*/ +.jqx-rc-tr +{ + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} +/*bottom-left rounded Corners*/ +.jqx-rc-bl +{ + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} +/*bottom-right rounded Corners*/ +.jqx-rc-br +{ + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} +/*top rounded Corners*/ +.jqx-rc-t +{ + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} +/*bottom rounded Corners*/ +.jqx-rc-b +{ + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} +/*right rounded Corners*/ +.jqx-rc-r +{ + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} +/*left rounded Corners*/ +.jqx-rc-l +{ + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} +/*all rounded Corners*/ +.jqx-rc-all +{ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +/*reset rounded corners*/ +.jqx-rc-reset +{ + -moz-border-radius: 0px !important; + -webkit-border-radius: 0px !important; + border-radius: 0px !important; +} + +/*Reset Style*/ +.jqx-reset +{ + padding: 0; + margin: 0; + border: none; + background: transparent; + outline: none; + box-sizing: content-box; +} +.jqx-clear { + align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; +} +.jqx-popup { + box-sizing: content-box; +} +.jqx-position-reset { + position: static !important; +} +.jqx-border-reset { + border: none !important; +} +.jqx-overflow-hidden { + overflow: hidden !important; +} +.jqx-position-relative { + position: relative !important; +} +.jqx-position-absolute { + position: absolute !important; +} +.jqx-max-size { + width: 100% !important; + height: 100% !important; +} +.jqx-background-reset { + background: transparent !important; +} +/*Disable browser selection*/ +.jqx-disableselect +{ + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -ms-user-select:none; + -webkit-touch-callout:none; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +.jqx-enableselect { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select:text; + user-select:all; +} +.jqx-hideborder +{ + border: none !important; +} +.jqx-hidescrollbars +{ + overflow: hidden !important; +} +/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ +.jqx-button{outline: none; border: 1px solid transparent; padding: 5px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } +button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { + box-sizing: border-box !important; -moz-box-sizing: border-box !important; +} +.jqx-buttongroup{} +.jqx-group-button-normal { + vertical-align: middle; + text-align: center; +} +/*applied to the link button's anchor element.*/ +.jqx-link +{ + text-decoration: none; + color: #111111; +} + +/*shows elements.*/ +.jqx-visible +{ + display: block; +} +/*hides elements.*/ +.jqx-hidden +{ + display: none; +} +.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { + line-height: 1.231; +} +/*jqxGauge Style*/ +.jqx-gauge-label, .jqx-gauge-caption +{ + fill: #333333; + color: #333333; + font-size: 11px; + font-family: Verdana; +} +.jqx-knob { + text-align: center; +} +/*jqxChart Style*/ +.jqx-knob-label, +.jqx-chart-axis-text, +.jqx-chart-label-text, +.jqx-chart-tooltip-text, +.jqx-chart-legend-text +{ + fill: #333333; + color: #333333; + font-size: 11px; + font-family: Verdana; +} +.jqx-chart-axis-description +{ + fill: #555555; + color: #555555; + font-size: 11px; + font-family: Verdana; +} +.jqx-chart-title-text +{ + fill: #111111; + color: #111111; + font-size: 14px; + font-weight: bold; + font-family: Verdana; +} +.jqx-chart-title-description +{ + fill: #111111; + color: #111111; + font-size: 12px; + font-weight: normal; + font-family: Verdana; +} + +/*applied to the Grid's element.*/ +.jqx-grid +{ + overflow: hidden; + border-style: solid; + border-width: 1px; +} +.jqx-grid .jqx-adaptive-table{ + border-collapse: collapse; + border:none; + width: 100%; +} + +.jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { + border-bottom: 1px solid #ddd; + padding: 8px; + overflow: auto; +} + +.jqx-grid .jqx-adaptive-table tr:nth-child(even){background-color: #f2f2f2;} + +.jqx-grid .jqx-adaptive-table th { + padding-top: 12px; + padding-bottom: 12px; + text-align: left; + background-color: #4CAF50; + color: white; +} + +.jqx-grid .jqx-adaptive-view a { + padding:10px; + text-decoration:none; + color: orangered; +} + +/*applied to the Pager.*/ +.jqx-grid-pager +{ + border: none; + border-top: 1px solid transparent; +} +/*applied to the Top Pager.*/ +.jqx-grid-pager-top +{ + border: none; + border-bottom: 1px solid transparent; +} +.jqx-grid-pager-number{ + padding: 2px 5px; + text-decoration: none; + margin: 1px; + border: 1px solid transparent; + color: inherit !important; + *color: expression(this.parentNode.currentStyle['color']) !important; + outline: none; + font-weight: normal !important; + line-height:14px; +} +.jqx-grid-menu-item-touch { + padding-top: 6px !important; + padding-bottom: 6px !important; +} +/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ +.jqx-grid-bottomright +{ + +} +/*applied to the Grid's header area.*/ +.jqx-grid-header +{ + border-style: solid; + border-width: 0px 0px 1px 0px; + overflow: hidden; + border-color: transparent; + margin: 0px; + padding: 0px; + } + /*applied to the columns.*/ +.jqx-grid-column-header, .jqx-grid-columngroup-header { + border-style: solid; + border-width: 0px 1px 0px 0px; + border-color: transparent; + white-space: nowrap; + border-style: solid; + font-weight: normal; + overflow: hidden; + text-align: left; + padding: 0px; + margin: 0px; + } +.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { + border-width: 0px 0px 0px 1px; +} +.jqx-grid-columngroup-header { + border-bottom-width: 1px; + border-left-width: 1px; +} + /*applied to the column's button.*/ + .jqx-grid-column-menubutton { + border-style: solid; + border-width: 0px 0px 0px 1px; + border-color: transparent; + background-image: url('images/icon-menu-small.png') !important; + background-repeat: no-repeat; + background-position: center !important; + cursor: pointer; + } +.jqx-grid-column-menubutton-rtl { + border-width: 0px 1px 0px 0px; +} + /*applied to the column's sort button when the sort order is ascending.*/ + .jqx-grid-column-sortascbutton { + border: none; + background-image: url('images/sortascbutton.png'); + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + } + /*applied to the column's sort button when the sort order is descending.*/ + .jqx-grid-column-sortdescbutton { + border: none; + background-image: url('images/sortdescbutton.png'); + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + } + /*applied to the column's filter button.*/ + .jqx-grid-column-filterbutton + { + border: none; + background-image: url('images/filter.png'); + background-repeat: no-repeat; + background-position: center; + margin-top:1px; + } + /*applied to the column's resize line.*/ + .jqx-grid-column-resizeline { + border-right: 1px dotted #555; + } + /*applied to the validation popup during cell editing.*/ + .jqx-grid-validation + { + background: #df2227 !important; + color: #fff !important; + padding: 4px 8px; + } +.jqx-grid-validation-label { + color: #fff !important; + background: #df2227 !important; + border: 1px solid #df2227 !important; +} + .jqx-grid-validation-arrow-up + { + background-image: url('images/red_arrow_up.png'); + background-repeat: no-repeat; + background-position: center center; + } + .jqx-grid-validation-arrow-down + { + background-image: url('images/red_arrow_down.png'); + background-repeat: no-repeat; + background-position: center center; + } + /*applied to the column's resize start line.*/ + .jqx-grid-column-resizestartline { + border-right: 1px solid #444; + } + /*applied to the sort ascending menu item in the Grid's Context Menu*/ + .jqx-grid-sortasc-icon + { + background-image: url('images/icon-sort-asc.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + /*applied to the sort ascending menu item in the Grid's Context Menu*/ + .jqx-grid-sortdesc-icon + { + background-image: url('images/icon-sort-desc.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + /*applied to the grid menu's sort remove item/*/ + .jqx-grid-sortremove-icon + { + background-image: url('images/icon-sort-remove.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ + .jqx-grid-drag-icon + { + background-image: url('images/drag.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + } + /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ + .jqx-grid-dragcancel-icon + { + background-image: url('images/dragcancel.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + } + /*applied to the 'group by' menu item.*/ + .jqx-grid-groupby-icon + { + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } +/*applied to the column anchor tags.*/ + .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited + { + display: block; + margin: 4px; + height: 18px; + line-height: 18px !important; + color: inherit; + outline: 0 none; + text-decoration: none; + cursor: pointer; +} +.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { + margin: 4px; + height: 18px; + line-height: 18px !important; + color: inherit; + outline: 0 none; + text-decoration: none; + cursor: pointer; +} +/*applied to the groups header area.*/ + .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { + border-style: solid; + border-width: 0px 0px 1px 0px; + border-color: #aaa; + white-space: nowrap; + overflow: hidden; + text-align: left; + padding: 0px; + margin: 0px; + } +/*applied to a grouping row.*/ + .jqx-grid-groups-row { + font-weight:bold; + white-space: nowrap; + text-align: left; + padding: 0px; + top: 50%; + margin-top: -8px; + } + /*applied to the row details.*/ + .jqx-grid-groups-row-details { + font-weight: normal; + } + /*applied to a grouping column.*/ + .jqx-grid-group-column + { + border: 1px solid transparent; + white-space: nowrap; + border-style: solid; + font-weight: normal; + overflow: hidden; + text-align: left; + padding: 0px; + margin: 0px; + } + /*applied to the lines between the group columns.*/ + .jqx-grid-group-column-line + { + background: #aaa; + } + /*applied to the drop line indicators displayed in the grouping header.*/ + .jqx-grid-group-drag-line + { + background: #80be09; + } + /*applied to the anchor tags inside a grouping column.*/ + .jqx-grid-group-column a:link{ + display: block; + margin: 4px; + height: 18px; + line-height: 18px !important; + outline: 0 none; + text-decoration: none; + cursor: pointer; + color: inherit; + *color: expression(this.parentNode.currentStyle['color']); +} + .jqx-grid-group-column a:visited{ + color: inherit; + display: block; + margin: 4px; + height: 18px; + line-height: 18px !important; + outline: 0 none; + text-decoration: none; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to a grid cell*/ +.jqx-grid-cell { + border-style: solid; + border-width: 0px 1px 1px 0px; + margin-right: 1px; + margin-bottom: 1px; + border-color: transparent; + background: #fff; + white-space: nowrap; + font-weight: normal; + font-size: inherit; + overflow: hidden; + position: absolute !important; + height: 100%; + outline:none; + } +.jqx-grid-cell-locked { + color: #aaa !important; +} +.jqx-grid-cell-left-align { + overflow: hidden; + text-overflow: ellipsis; + padding-bottom: 2px; + text-align: left; + margin-right: 2px; + margin-left: 4px; +} +.jqx-grid-cell-middle-align { + text-overflow: ellipsis; + overflow: hidden; + padding-bottom: 2px; + text-align: center; +} +.jqx-grid-cell-right-align { + overflow: hidden; + text-overflow: ellipsis; + padding-bottom: 2px; + text-align: right; + margin-right: 4px; + margin-left: 2px; +} + +/*applied to a grid cell that is part of a rows group.*/ + .jqx-grid-group-cell{ + overflow: hidden; + position: absolute !important; + height: 100%; + background: #fff; + } +/*applied to the grid cells in the sort column*/ + .jqx-grid-cell-sort { + background-color: #f0f0f0; + } + + /*applied to the grid cells in the filter column*/ + .jqx-grid-cell-filter { + background-color: #e6e6e6; + } +.jqx-grid-cell-add-new-row { + background: #fdfcf3 !important; + color: #000 !important; +} + + /*applied to the grid cells area.*/ +.jqx-grid-content { + border-style: solid; + border-width: 0px 0px 0px 0px; + border-color: transparent; + white-space: nowrap; + overflow: hidden; + } + /*applied to a grid cell that is part of a rows group.*/ +.jqx-grid-group-cell, .jqx-grid-empty-cell { + border-style: solid; + border-width: 0px 0px 1px 0px; + white-space: nowrap; + font-weight: normal; + } +.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { + border: transparent !important; +} +.jqx-grid-cell-wrap {white-space: normal !important;} + +.jqx-tree-grid-indent { + width: 18px; + display: inline-block; + height: 8px; + overflow: hidden; + vertical-align: top; +} +.jqx-tree-grid-title { + text-decoration: none; + vertical-align: bottom; + line-height:20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + position: relative; + width: 18px; + height: 18px; + vertical-align: top; +} +.jqx-tree-grid-checkbox { + float: none !important; + width: 16px; + height: 16px; + cursor: pointer; + margin-right: 6px !important; + margin-left: 2px !important; +} +.jqx-tree-grid-icon { + float: none !important; + width: 14px; + height: 14px; + margin-right: 4px; +} +.jqx-tree-grid-icon-rtl { + margin-right: 0px; + margin-left: 4px; +} +.jqx-tree-grid-icon-size { + width: 14px; + height: 14px; + line-height: 16px; +} + +.jqx-tree-grid-checkbox-tick { + width: 100%; + height: 100%; +} +.jqx-tree-grid-expand-button { + height: 18px; + width: 18px; + vertical-align: top; +} + +/*applied to a cell in jqxDataTable*/ +.jqx-cell { + min-height: 23px; + padding: 6px 4px; + margin: 0; + border-collapse: separate; + border-spacing: 0px; + overflow: hidden; + text-overflow: ellipsis; + border: 1px solid transparent; + border-top-width: 0px; + border-left-width: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + white-space: normal; + line-height: 1.231; +} +.jqx-grid-cell-nowrap {white-space: nowrap;} + +.jqx-cell-editor { + padding-left: 4px !important; + padding-right: 3px !important; +} +.jqx-left-align { + text-align: left; +} +.jqx-center-align { + text-align: center; +} +.jqx-right-align { + text-align: right; +} +.jqx-top-align { + vertical-align:top; +} +.jqx-bottom-align { + vertical-align: bottom; +} + +.jqx-grid-table .jqx-grid-cell { + position: static !important; + zoom: 1 !important; +} +/*applied to the Grid's Table element.*/ +.jqx-grid-table { + font-size: 13px; + table-layout: fixed; + margin: 0px; + padding: 0px; + border-collapse: separate; + border-spacing: 0px; + -webkit-overflow-scrolling: touch; + outline: none; + zoom: 1 !important; + empty-cells: show; + border-right: 1px solid #aaa; + line-height: 1.231; + width: auto; + border: none; +} +.jqx-grid-table-rtl { + border-left-width: 1px; + border-right-width: 0px; +} +.jqx-details table { + border-collapse: collapse; + table-layout: fixed; + border-spacing: 0px; +} + + /*applied to a grid cell that is part of a details row and grouping is enabled.*/ +.jqx-grid-group-details-cell { + + } + /*applied to a grid cell that is part of a details row.*/ +.jqx-grid-details-cell { + border-width: 0px 1px 0px 0px; + } + /*applied to a grid cell. Represents the alternating cell background.*/ +.jqx-grid-cell-alt { + background: #f9f9f9; + } +/*applied to a sorted and alternating grid cell*/ +.jqx-grid-cell-sort-alt { + background-color: #e5e5e5; + }/*applied to a sorted and alternating grid cell*/ +.jqx-grid-cell-filter-alt { + background-color: #f0f0f0; + } + /*applied to a pinned grid cell.*/ +.jqx-grid-cell-pinned { + background-color: #e5e5e5; + } + /*applied to a pinned grid cell. Represents the alternating cell background.*/ +.jqx-grid-cell-pinned-alt { + background-color: #e5e5e5; + } + /*applied to a selected grid cell.*/ + .jqx-grid-cell-selected { + border-left: 0px solid transparent; + } + .jqx-grid-cell-selected.jqx-grid-cell-edit{ + border-color: #DDDDDD !important; + background-color: #fff !important; + color: #333 !important; + } + .jqx-fill-state-focus.jqx-grid-cell-edit, + .jqx-grid-cell-edit .jqx-fill-state-focus, + .jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button, + .jqx-grid-cell-edit .jqx-numberinput-focus, + .jqx-grid-cell-edit .jqx-combobox-content-focus + { + border-color: #DDDDDD !important; + } + + .jqx-cell-rtl { + border-left-width: 1px; + border-right-width: 0px; + } + .jqx-grid-cell-rtl { + border-width: 0px 0px 1px 1px; + } + .jqx-grid-table .jqx-grid-cell { + border-width: 0px 0px 1px 1px; + } +.jqx-grid-table-one-cell { + border: none; + border-right-width: 1px; + border-right-style:solid; + border-right-color:#aaa; +} + + .jqx-grid-table .jqx-grid-cell:first-child { + border-left-width: 0px; + } + + /*applied to the selection area.*/ + .jqx-grid-selectionarea { + border: 1px solid transparent; + opacity: 0.5; + filter: alpha(opacity=50); + } + /*applied to a hovered grid cell.*/ + .jqx-grid-cell-hover { + border-color: transparent; + } + /*applied to a grid cell when the grid is empty.*/ + .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;} + + /*applied to the Grid when its loading the data.*/ + .jqx-grid-load +{ + padding-right: 0px; + background-image: url(images/loader.gif); + background-position: 50% 50%; + background-repeat: no-repeat; + z-index: 9999; + display: block; +} +/*applied to a group's collapse button.*/ +.jqx-grid-group-collapse +{ + padding-right: 0px; + background-image: url(images/icon-right.png); + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +.jqx-grid-group-collapse-rtl +{ + padding-right: 0px; + background-image: url(images/icon-left.png); + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +/*applied to a group's expand button.*/ +.jqx-grid-group-expand, .jqx-grid-group-expand-rtl +{ + padding-right: 0px; + background-image: url(images/icon-down.png); + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +/*jqxProgresBar Style*/ +.jqx-progressbar +{ + position: relative; + overflow: hidden; + outline: none; + border: 1px solid transparent; + height: 2em; +} +/*applied to the progressbar's value element*/ +.jqx-progressbar-value +{ + outline: none; + border: 0px solid transparent; + height: 100%; +} +/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ +.jqx-progressbar-value-vertical +{ + outline: none; + border: 0px solid transparent; + height: 100%; + background: transparent; +} +/*applied to the progressbar's text element*/ +.jqx-progressbar-text +{ + font-size: 10px; + border: none; +} +/*applied to the progress bar when the widget is in disabled state*/ +.jqx-progressbar-disabled +{ + outline: none; + border: 1px solid transparent; + height: 2em; +} + +/*jqxMenu Style*/ +.jqx-menu +{ + border: 1px solid transparent; + float: none; + margin: 0px; + height: 100%; + padding: 0px; + overflow: hidden; + text-align: left; +} +.jqx-menu-dropdown-column +{ + float: left; +} +/*applied to the menu when it is horizontal. Sets the menu's background*/ +.jqx-menu-horizontal +{ + margin: 0px; + padding: 0px; + overflow: hidden; + text-align: center; +} +/*applied to the menu when it is vertical. Sets the menu's background*/ +.jqx-menu-vertical +{ + text-align: left; +} +/*applied to the sub menu. Sets the sub menu's background*/ +.jqx-menu-dropdown +{ + left: 100%; + margin: 0px; + padding: 0px; + right: 0; + overflow: hidden; + display: none; + float: none; + width: 150px; + border-style: solid; + border-width: 1px; + text-align: left; + padding: 2px; +} +/*applied to the sub menu's ul elements.*/ +.jqx-menu-dropdown ul +{ + left: 100%; + margin: 0px; + padding: 0px; + right: 0; + overflow: hidden; + border: none; +} +/*applied to the menu's ul elements.*/ +.jqx-menu ul +{ + left: 100%; + margin: 0px; + padding: 2px; + right: 0; + overflow: hidden; + background-color: transparent; + border: none; +} +/*applied to the menu's li elements.*/ +.jqx-menu li, .jqx-menu-dropdown li +{ + line-height: 1.3 !important; +} +/*applied to the top level menu items.*/ +.jqx-menu-item-top +{ + border: 1px solid transparent; + text-indent: 0; + list-style: none; + padding: 4px 8px 4px 8px; + left: 100%; + overflow: hidden; + color: inherit; + right: 0; + margin: 0px 3px 0px 3px; + cursor: pointer; +} +/*applied to the sub menu items.*/ +.jqx-menu-item +{ + border: 1px solid transparent; + text-indent: 0; + list-style: none; + padding: 4px 8px 4px 8px; + margin: 1px; + margin-left:3px; + margin-right:3px; + float: none; + overflow: hidden; + left: 100%; + color: inherit; + right: 0; + text-align: left; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to a sub menu item when the mouse is over the item.*/ +.jqx-menu-item-hover +{ + color: inherit; + right: 0; + list-style: none; + margin: 1px; + margin-left: 3px; + margin-right: 3px; + left: 100%; + padding: 4px 8px 4px 8px; + text-align: left; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to a top-level menu item when the mouse is over it.*/ +.jqx-menu-item-top-hover +{ + color: inherit; + right: 0; + list-style: none; + margin: 0px 3px 0px 3px; + left: 100%; + padding: 4px 8px 4px 8px; + top: 50%; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to a sub menu item when its sub menu is opened.*/ +.jqx-menu-item-selected +{ + right: 0; + list-style: none; + margin: 1px; + margin-left:3px; + margin-right:3px; + left: 100%; + padding: 4px 8px 4px 8px; + text-align: left; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to a disabled sub menu item.*/ +.jqx-menu-item-disabled +{ + +} +/*applied to a top-level menu item when its sub menu is opened.*/ +.jqx-menu-item-top-selected +{ + right: 0; + list-style: none; + margin: 0px 1px 0px 1px; + margin-left:3px; + margin-right:3px; + left: 100%; + padding: 4px 8px 4px 8px; + cursor: pointer; +} +/*applied to the menu separator items.*/ +.jqx-menu-item-separator +{ + text-indent: 0; + background-color: #ddd; + border: none; + list-style: none; + height: 1px; + line-height:0 !important; + padding: 0px; + margin: 1px 2px 1px 2px; + float: none; + overflow: hidden; + left: 100%; + color: inherit; + right: 0; + font-size: 1px; +} +/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ +.jqx-menu-item-arrow-right +{ + background-image: url(images/icon-right.png); +} +/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ +.jqx-menu-item-arrow-down +{ + background-image: url(images/icon-down.png); +} +/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ +.jqx-menu-item-arrow-up +{ + background-image: url(images/icon-up.png); +} +.jqx-menu-minimized { + position: relative; +} +.jqx-menu-title { + position: relative; + float: right; + margin-top: 4px; + padding-top: 4px; + padding-right: 20px; +} +.jqx-menu-minimized-button +{ + background-image: url('images/icon-menu-minimized.png'); + background-repeat: no-repeat; + background-position: left center; + height: 24px; + width: 24px; + padding: 0px; + margin-left: 7px; + margin-top: 4px; + float : left; +} +.jqx-menu-ul-minimized { + display: block!important; + width: auto !important; +} +.jqx-menu-ul-minimized ul { + margin-top: 0px; + margin-bottom: 0px; + padding-top: 0px; + padding-bottom: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow : none !important; + -o-box-shadow : none !important; + box-shadow : none !important; +} +.jqx-menu-minimized li:last-child { + padding-bottom: 0px; + margin: 0px; +} +.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right { + background-position: 100% 50%; + background-repeat: no-repeat; + padding-right: 0px; + margin-right: -8px; + width: 17px; + height: 15px; +} +/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ +.jqx-menu-item-arrow-left +{ + padding-right: 0px; + padding-left: 5px; + width: 17px; + height: 15px; + background-image: url(images/icon-left.png); + background-position: 0 50%; + background-repeat: no-repeat; +} +/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ +.jqx-menu-item-arrow-right-selected +{ + background-image: url(images/icon-right.png); +} +/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ +.jqx-menu-item-arrow-down-selected +{ + background-image: url(images/icon-down.png); +} +/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ +.jqx-menu-item-arrow-up-selected +{ + background-image: url(images/icon-up.png); +} +.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right { + padding-right: 0px; + margin-right: -8px; + width: 17px; + height: 15px; + background-position: 100% 50%; + background-repeat: no-repeat; +} +/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ +.jqx-menu-item-arrow-top-right +{ + background-image: url(images/icon-right.png); +} +/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ +.jqx-menu-item-arrow-left-selected +{ + background-image: url(images/icon-left.png); +} +/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ +.jqx-menu-item-arrow-top-left +{ + background-image: url(images/icon-left.png); +} +.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left { + background-position: 0 50%; + background-repeat: no-repeat; + padding-right: 0px; + padding-left: 5px; + width: 17px; + height: 15px; +} +/*applied to the anchor elements*/ +.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover +{ + font:inherit; + text-decoration: none; + color: inherit; + outline: none; + background-color: transparent; + *color: expression(this.parentNode.currentStyle['color']); +} + +/*applied to the menu widget when it is disabled.*/ +.jqx-menu-disabled +{ + cursor: default; +} +/*applied to the anchor elements of all disabled menu items.*/ +.jqx-menu-disabled a:link +{ + cursor: default; + text-decoration: none; +} +.jqx-menu-disabled a:visited +{ + cursor: default; + text-decoration: none; +} +.jqx-menu-disabled a:hover +{ + cursor: default; +} +.jqx-menu-dropdown +{ + right: -1px; +} + +/*jqxtree Style*/ +.jqx-tree +{ + left: 100%; + right: 0; + float: none; + margin: 0px; + border-style: solid; + border-width: 1px; + padding: 0px; + overflow: hidden; + text-align: left; + outline: none; + white-space: nowrap; + line-height: 14px !important; +} +/*applied to the jqxTree root UL element.*/ +.jqx-tree-dropdown-root +{ + left: 100%; + padding: 0px 5px 0px 5px; + right: 0; + display: block; + float: none; + background-color: transparent; + border-style: solid; + border-width: 0px; + border-color: #fff; + text-align: left; + outline: none; + white-space: nowrap; + margin: 0px; +} +.jqx-tree-dropdown-root-rtl { + padding: 0px 5px 0px 0px; + text-align: right; + float: right; + margin: 0px; +} + +/*applied to the jqxTree UL elements.*/ +.jqx-tree-dropdown +{ + left: 100%; + margin: 0px; + padding: 0px 0px 0px 10px; + right: 0; + display: block; + float: none; + background-color: transparent; + border-style: solid; + border-width: 0px; + border-color: transparent; + text-align: left; + outline: none; +} +.jqx-tree-dropdown-rtl { + padding: 3px 0px 0px 0px; + text-align: right; +} + +/*applied to a tree item.*/ +.jqx-tree-item +{ + border: 1px solid transparent; + text-indent: 0; + list-style: none; + padding: 3px; + margin: 0px; + float: none; + overflow: hidden; + left: 100%; + right: 0; + text-align: left; + cursor: default; + text-decoration: none; +} +/*applied to the jqxTree LI elements.*/ +.jqx-tree-item-li +{ + text-indent: 0; + background-color: transparent; + border: 0px solid transparent; + list-style: none; + left: 100%; + right: 0; + text-align: left; + outline: none; + margin: 0px; + margin-top: 1px; + padding: 0px; +} +/*applied to the last LI elements in an UL element.*/ +.jqx-tree-item-u-last +{ + margin: 0px 0px 0px 0px; +} +/*applied to a tree item when the mouse is over the item.*/ +.jqx-tree-item-hover +{ + color: inherit; + right: 0; + padding: 3px; + margin: 0px; + list-style: none; + left: 100%; + cursor: pointer; + text-decoration: none; +} +/*applied to a tree item when the item is selected.*/ +.jqx-tree-item-selected +{ + color: inherit; + right: 0; + padding: 3px; + margin: 0px; + list-style: none; + left: 100%; + cursor: pointer; + text-decoration: none; +} +.jqx-tree-item-rtl { + text-align: right; +} +.jqx-tree-item-li-rtl { + text-align: right; +} +/*applied to the anchor element of a tree item.*/ +.jqx-tree-item a:link, .jqx-tree-item a:visited +{ + text-indent: 0; + background-color: transparent; + border: 0px solid transparent; + list-style: none; + padding: 0px; + margin: 0px; + float: none; + overflow: hidden; + left: 100%; + color: inherit; + right: 0; + text-align: left; + cursor: pointer; + text-decoration: none; + outline: none; +} +.jqx-tree-item-selected, .jqx-tree-item-hover a:hover +{ + color: inherit; +} +.jqx-tree-item-selected, .jqx-tree-item-hover a:visited +{ + color: inherit; +} + +/*applied to a tree item when the item is disabled.*/ +.jqx-tree-item-disabled +{ + +} +/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ +.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover +{ + padding-right: 0px; + width: 17px; + height: 17px; + background-image: url(images/icon-right.png); + background-position: 100% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { + background-image: url(images/icon-left.png); +} + +/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ +.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover +{ + padding-right: 0px; + width: 17px; + height: 17px; + background-image: url(images/icon-down.png); + background-position: 100% 50%; + background-repeat: no-repeat; + cursor: pointer; +} +/*applied to the tree when it is disabled.*/ +.jqx-tree-disabled +{ + cursor: default; +} +/*applied to the anchor elements in a tree when it is disabled.*/ +.jqx-tree-disabled a:link +{ + cursor: default; + text-decoration: none; +} +.jqx-tree-disabled a:visited +{ + cursor: default; + text-decoration: none; +} +.jqx-tree-disabled a:hover +{ + cursor: default; +} + + +/*jqxTabs*/ +.jqx-tabs +{ + outline: none; + margin: 0 0 0 0; + padding: 0px; + overflow: hidden; + background: transparent; + border: 1px solid transparent; +} +/*applied to the tab close button.*/ +.jqx-tabs-close-button +{ + outline: none; + background-image: url(images/close.png); + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; + position: relative; + left: 5px; +} +/*applied to the tab close button when the tab is selected.*/ +.jqx-tabs-close-button-selected +{ + outline: none; + background-image: url(images/close.png); + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; +} +/*applied to the tab close button when the mouse is over the tab.*/ +.jqx-tabs-close-button-hover +{ + outline: none; + background-image: url(images/close.png); + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; +} +.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover{background-repeat:no-repeat; background-position:center;} +/*applied to the tab's left scroll arrow.*/ +.jqx-tabs-arrow-left +{ + outline: none; + position: relative; + z-index: 15; + float: left; + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; + background-image: url('images/icon-left.png'); + background-repeat: no-repeat; + background-position: center; +} +/*applied to the tab's right scroll arrow.*/ +.jqx-tabs-arrow-right +{ + outline: none; + position: relative; + z-index: 15; + background-image: url('images/icon-right.png'); + background-repeat: no-repeat; + background-position: center; + float: left; + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; +} +.jqx-tabs-arrow-background +{ + background: #eeeeee; +} +/*applied to the tab's title.*/ +.jqx-tabs-title +{ + outline: none; + display: block; + cursor: pointer; + white-space: nowrap; + left: 100%; + right: 0; + text-indent: 0px; + list-style: none; + border: 1px solid transparent; + margin: 0px 2px 0px 0px; + overflow: hidden; + z-index: 1; + padding-left: 13px; + padding-right: 13px; + padding-bottom: 5px; + padding-top: 5px; + background: transparent; + height: auto; + position: relative; +} +.jqx-tabs-title-bottom +{ +} +.jqx-tabs-title a:link +{ + color: inherit; + *color: expression(this.parentNode.currentStyle['color']); + text-decoration: none; +} +.jqx-tabs-title a:hover +{ + color: inherit; + *color: expression(this.parentNode.currentStyle['color']); + text-decoration: none; +} +.jqx-tabs-title a:active +{ + color: inherit; + *color: expression(this.parentNode.currentStyle['color']); + text-decoration: none; +} +.jqx-tabs-title a:visited +{ + color: inherit; + *color: expression(this.parentNode.currentStyle['color']); + text-decoration: none; +} +/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ +.jqx-tabs-title-selected-top +{ + z-index: 99; + outline: none; + border-top: 1px solid transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-bottom: 1px solid #fff; + background-color: #fff; + padding-bottom: 7px; +} +/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ +.jqx-tabs-title-selected-bottom +{ + outline: none; + border-top: 1px solid #fff; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-bottom: 1px solid transparent; + padding-top: 7px; + padding-bottom: 5px; + margin-top: -2px; + background-color: #fff; +} +/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ +.jqx-tabs-title-hover-top +{ + outline: none; + border: 1px solid transparent; + padding-bottom: 5px; +} +/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ +.jqx-tabs-title-hover-bottom +{ + outline: none; + border: 1px solid transparent; + padding-top: 5px; +} +/*applied to the tab's title when the tab is disabled.*/ +.jqx-tabs-title-disable +{ + +} +/*applied to the tab's header.*/ +.jqx-tabs-header +{ + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 1px; + margin: 0px; + border-top: 0px solid transparent; + border-left: 0px solid transparent; + border-right: 0px solid transparent; + border-bottom: 1px solid #aaa; + background: #eeeeee; +} +/*applied to the tab's header when the position is bottom.*/ +.jqx-tabs-header-bottom +{ + padding-top: 1px; + padding-bottom: 3px; + border-top: 0px solid #aaa; + border-left: 0px solid transparent; + border-right: 0px solid transparent; + border-bottom: 1px solid transparent; +} +/*applied to the tab's header when the tab is collapsed.*/ +.jqx-tabs-header-collapsed +{ + border: 1px solid #aaa; +} +/*applied to the tab's header when the position is bottom and tab is collapsed.*/ +.jqx-tabs-header-collapsed-bottom +{ + border: 1px solid #aaa; +} +.jqx-tabs-collapsed +{ + border: 0px solid transparent; +} +.jqx-tabs-collapsed-bottom +{ + border: 0px solid transparent; +} +/*applied to the tab's selection tracker container element.*/ +.jqx-tabs-selection-tracker-container +{ + outline: none; + position: relative; + text-indent: 0px; + margin: 0 0 0 0; + padding: 0 0 0 0; + width: 100%; + background: transparent; + height: 0px; +} +/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ +.jqx-tabs-selection-tracker-top +{ + border-top: 1px solid transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + padding-bottom: 2px; + background-color: #fff; + outline: none; + position: absolute; + z-index: 10; +} +/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ +.jqx-tabs-selection-tracker-bottom +{ + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: #fff; + outline: none; + position: absolute; + z-index: 10; + margin-top: -1px; + padding-bottom: 2px; +} +/*applied to the tab's content element which represents a DIV element.*/ +.jqx-tabs-content +{ + outline: none; + border-bottom: 0px solid transparent; + border-left: 0px solid transparent; + border-right: 0px solid transparent; + border-top: 0px solid transparent; + text-align: left; + clear: both; +} +.jqx-tabs-content-element +{ + height: 100%; + overflow: auto; +} + +/*jqxCheckBox*/ +.jqx-checkbox +{ + overflow:hidden; + text-align: left; + border: none; + outline: none; + margin: 0 0 0 0; + white-space: nowrap; + text-overflow: ellipsis; +} +/*applied to the check box.*/ +.jqx-checkbox-default +{ + text-align: left; + float: left; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 0px 3px 0px 3px; +} +/*applied to the check box when the mouse cursor is over it.*/ +.jqx-checkbox-hover +{ + cursor: pointer; + float: left; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 0px 3px 0px 3px; +} +/*applied to the widget when it is disabled.*/ +.jqx-checkbox-disabled +{ + cursor: default; + background: transparent; + padding: 0px; + border: none; + outline: none; + margin: 0px 0px 0px 0px; +} +/*applied to the check box when the widget is disabled.*/ +.jqx-checkbox-disabled-box +{ + float: left; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 0px 3px 0px 3px; +} +/*applied to the check box when it is checked. Displays a check icon.*/ +.jqx-checkbox-check-checked +{ + float: left; + background: transparent url(images/check_black.png) center center no-repeat; + padding: 0px; + border: none; + outline: none; + margin: 0 0 0 0; +} +/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ +.jqx-checkbox-check-disabled +{ + float: left; + background: transparent url(images/check_disabled.png) center center no-repeat; + padding: 0px; + border: none; + outline: none; + margin: 0 0 0 0; +} +/*applied to the check box when its state is indeterminate.*/ +.jqx-checkbox-check-indeterminate +{ + float: left; + background: transparent url(images/check_indeterminate_black.png) center center no-repeat; + padding: 0px; + border: none; + outline: none; + margin: 0 0 0 0; +} +/*applied to the check box when its state is indeterminate and it is disabled.*/ +.jqx-checkbox-check-indeterminate-disabled +{ + float: left; + background: transparent url(images/check_indeterminate_disabled.png) center center no-repeat; + padding: 0px; + border: none; + outline: none; + margin: 0 0 0 0; +} +/*applied to the check box when its in rtl mode.*/ +.jqx-checkbox-rtl { + float: right; +} +/*jqxRadioButton*/ +.jqx-radiobutton +{ + overflow:hidden; + text-overflow: ellipsis; + border: none; + outline: none; + margin: 0 0 0 0; + white-space: nowrap; +} +/*applied to the radio button.*/ +.jqx-radiobutton-default +{ + cursor: pointer; + float: left; + background: transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 1px 3px 0px 3px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; +} +/*applied to the radio button when the mouse is over it.*/ +.jqx-radiobutton-hover +{ + cursor: pointer; + float: left; + background: transparent; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 1px 3px 0px 3px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; +} +/*applied to the radio button when it is disabled.*/ +.jqx-radiobutton-disabled +{ + cursor: default; +} +/*applied to the radio button's radio icon when it is disabled.*/ +.jqx-radiobutton-disabled-box +{ +} +/*applied to the radio button when it is checked.*/ +.jqx-radiobutton-check-checked +{ + float: left; + background: transparent url(images/roundbg_check_black.png) left top no-repeat; + padding: 0px; + border: 1px solid transparent; + outline: none; + margin: 0 0 0 0; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + width: 7px; + height: 7px; + margin-left: 2px; + margin-top: 2px; +} +/*applied to the radio button when it is checked and disabled.*/ +.jqx-radiobutton-check-disabled +{ +} +/*applied to the radio button when it is in indeterminate state.*/ +.jqx-radiobutton-check-indeterminate +{ + float: left; + background: transparent url(images/roundbg_check_indeterminate.png) left top no-repeat; + padding: 0px; + border: none; + outline: none; + margin: 0 0 0 0; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + width: 6px; + height: 6px; + margin-left: 2px; + margin-top: 2px; +} +/*applied to the radio button when it is in indeterminate state and disabled.*/ +.jqx-radiobutton-check-indeterminate-disabled +{ +} +/*applied to the radio button when its in rtl mode.*/ +.jqx-radiobutton-rtl { + float: right; +} + +/*jqxRating*/ +.jqx-rating +{ + margin: 0px; + padding: 0px; + outline: none; + overflow: hidden; +} +.jqx-rating-image +{ + border-width: 0px; +} +.jqx-rating-image-default +{ + margin: 0px; + padding: 0px; + outline: none; + background-color: transparent; + background-repeat: no-repeat; + cursor: pointer; + background-image: url(images/star.png); + overflow: hidden; +} +/*applied to the rating when it is hovered.*/ +.jqx-rating-image-hover +{ + background-color: transparent; + padding: 0px; + background-repeat: no-repeat; + cursor: pointer; + background-image: url(images/star_hover.png); + overflow: hidden; +} +/*applied to the rating when it is disabled.*/ +.jqx-rating-image-backward +{ + background-color: transparent; + padding: 0px; + background-repeat: no-repeat; + cursor: pointer; + background-image: url(images/star_disabled.png); + overflow: hidden; +} +/*jqxCalendar Style*/ +.jqx-calendar +{ + border: 1px solid transparent; + -webkit-appearance: none; + overflow: hidden; + outline: none; + padding: 0px; + margin: 0 0 0 0; + cursor: default; + border-collapse: separate; +} +.jqx-calendar .jqx-widget-header{ + +} +.jqx-calendar > div { + padding: 0px; + box-sizing: border-box; +} +.jqx-calendar-light > div { + padding: 10px; +} + +.jqx-calendar td { + padding-top: 0px; + padding-bottom: 0px; + border-collapse: separate; + border-spacing: 1px; + font-size: 13px; + line-height: 1.231; + height:auto; +} +.jqx-calendar table { + margin: 0px; + padding: 0px; + border-collapse: separate; + border-spacing: 1px; + font-size: 13px; + line-height: 1.231; +} +/*applied to the calendar's row header. This header displays the week numbers.*/ +.jqx-calendar-row-header +{ + outline: none; + border: 0px solid #f2f2f2; + padding: 0; + margin: 0 0 0 0; + cursor: default; +} +/*applied to the calendar's column. This header displays the day names.*/ +.jqx-calendar-column-header +{ + outline: none; + text-align: right; + padding: 3px; + border-top: none; + border-bottom: 1px solid transparent; + border-left: none; + border-right: none; + margin: 0 0 0 0; + cursor: default; +} +/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ +.jqx-calendar-top-left-header +{ + outline: none; + border: 0px solid #f2f2f2; + margin: 0 0 0 0; + cursor: default; +} +/*applied to the calendar's navigation buttons.*/ +.jqx-calendar-title-navigation +{ + cursor: pointer; + background-color: transparent; + margin: 0; + padding: 0; + border: none; + width: 25px; + height: 25px; +} +/*applied to the month table*/ +.jqx-calendar-month +{ + margin: 0; padding: 0; + border: none; + width: 100%; +} +/*applied to the calendar's title content.*/ +.jqx-calendar-title-content +{ + cursor: pointer; + text-align: center; +} +/*applied to the calendar's navigation title.*/ +.jqx-calendar-title-header +{ + border-left: none; + border-top: none; + border-right: none; + border-bottom-width: 1px; + border-bottom-style: solid; + margin: 0 0 0 0; +} +.jqx-calendar-title-header td { + padding-left: 0px; + padding-right: 0px; + border: none; +} +/*applied to the calendar's navigation title when the calendar is disabled.*/ +.jqx-calendar-title-header-disabled +{ + border-bottom-width: 1px; + border-bottom-style:solid; + margin: 0 0 0 0; + border-left: 0px solid transparent; + border-right: 0px solid transparent; + border-top: 0px solid transparent; + +} +/*applied to a calendar cell.*/ +.jqx-calendar-cell +{ + border: 1px solid transparent; + margin: 0px; + outline: none; + text-align: center; + padding: 1px; + cursor: pointer; + background-color: transparent; +} +.jqx-calendar-cell td +{ + padding: 0; + margin: 0; +} +/*applied to a calendar cell in decade and year views.*/ +.jqx-calendar-cell-decade, .jqx-calendar-cell-year { + text-align: center; + } + +.jqx-calendar .jqx-fill-state-normal +{ + background: transparent; + border: 1px solid transparent; +} + +/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ +.jqx-calendar-cell-hidden +{ + margin: 0 0 0 0; + visibility: hidden; + cursor: default; +} +/*applied to a calendar cell when the cell's date is a weekend date.*/ +.jqx-calendar-cell-weekend +{ + color: #898989 !important; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ +.jqx-calendar-cell-specialDate +{ + color: #FF0000 !important; + background-color: transparent; + border: 1px solid #fff; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the cell's date is a restricted date.*/ +.jqx-calendar-cell-restrictedDate +{ + background-color: rgba(251, 132, 153, 1); + border: 1px solid #fff; + margin: 0 0 0 0; + cursor: pointer; +} +.jqx-calendar-cell-selected-invalid +{ + color: #FFF !important; + background: #FF0000 !important; + border: 1px solid #FF0000 !important; +} +/*applied to a calendar cell when the cell's date is the today date.*/ +.jqx-calendar-cell-today +{ + color: #898989; + background-color: #ffffdb; + border: 1px solid #fdc066; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the cell is hovered.*/ +.jqx-calendar-cell-hover +{ + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the cell is selected.*/ +.jqx-calendar-cell-selected +{ + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ +.jqx-calendar-cell-othermonth +{ + color: #898989 !important; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to a calendar cell when the calendar is disabled.*/ +.jqx-calendar-cell-disabled +{ + color: #ccc; +} +/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ +.jqx-calendar-row-cell +{ + outline: none; + text-align: center; + border: 1px solid transparent; + margin: 0 0 0 0; + cursor: default; +} +/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ +.jqx-calendar-row-cell-disabled +{ + +} +.jqx-calendar-footer +{ + margin: 5px; + color: inherit; + font-size: 13px; +} + +.jqx-calendar-title-container +{ + overflow: hidden; +} +/*applied to a calendar cell when the cell is from the column header that displays the day names.*/ +.jqx-calendar-column-cell +{ + overflow: hidden; + text-align: center; + outline: none; + font-weight: normal; + padding: 1px; + border: 1px solid transparent; + margin: 0 0 0 0; + cursor: default; +} +/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ +.jqx-calendar-column-cell-disabled +{ + +} +/*applied to the calendar's cell area element.*/ +.jqx-calendar-view +{ + -webkit-appearance: none; + outline: none; + padding: 0px; + border: 0px solid #fff; + margin: 0 0 0 0; + cursor: default; +} + +/*jqxExpander and jqxNavigationBar Style*/ +.jqx-expander +{ +} +/*applied to the Expander's header and content*/ +.jqx-expander-header, .jqx-expander-content +{ + border-left-width: 1px; + border-right-width: 1px; + border-left-style: solid; + border-right-style: solid; + padding-top: 5px; + padding-bottom: 5px; + padding-left:5px; + padding-right:5px; + outline: 0; +} +/*applid to the content of the expander header.*/ +.jqx-expander-header-content +{ + padding-left: 3px; +} +/*applid to the content of the expander header.*/ +.jqx-expander-header-content-rtl +{ + padding-right: 3px; +} + .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} +/*applied to the Expander's header and its content when it is on the top of the header*/ +.jqx-expander-header, .jqx-expander-content-top +{ + border-top-width: 1px; + border-top-style: solid; +} +/*applied to the Expander's header and its content when it is on the bottom of the header*/ +.jqx-expander-header, .jqx-expander-content-bottom +{ + border-bottom-width: 1px; + border-bottom-style: solid; +} +/*applied to the Expander's header*/ +.jqx-expander-header +{ + cursor: pointer; + overflow: hidden; +} +/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ +.jqx-expander-header-disabled +{ + cursor: default; +} +/*applied to the Expander's arrow*/ +.jqx-expander-arrow +{ + width: 17px; + height: 17px; + position: relative; +} +/*applied to the Expander's content if it is empty*/ +.jqx-expander-content-empty +{ + border-width: 0px; + padding: 0px; +} + +/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ +.jqx-navigationbar +{ + border: none; + margin: 0px; + -webkit-appearance: none; + outline: none; +} +/*jqxPanel Style*/ +.jqx-panel +{ + border: 1px solid transparent; + -webkit-appearance: none; + outline: none; + padding: 0px; + margin: 0px; + cursor: default; + overflow: hidden; +} +/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right +of the horizontal scrollbar.*/ +.jqx-panel-bottomright +{ + +} +/*applied to the DropDownButton's Popup.*/ +.jqx-dropdownbutton-popup { + -webkit-appearance: none; + outline: none; + border: 1px solid transparent; + } + +.jqx-listbox +{ + -webkit-appearance: none; + outline: none; + border: 1px solid transparent; + padding: 0px; + margin: 0px; + cursor: default; + overflow: hidden; +} +/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right +of the horizontal scrollbar.*/ +.jqx-listbox-bottomright +{ + +} +/*applied to the ListBox's groups.*/ +.jqx-listitem-state-group +{ + white-space: nowrap; + padding: 5px 2px 5px 2px; + background: transparent; + font-weight: bold; + text-align: left; + outline: none; + overflow: hidden; + vertical-align: middle; + cursor: default; +} +/*applied to a list item in default state.*/ +.jqx-listitem-state-normal +{ + white-space: nowrap; + padding: 3px; + padding-top:5px; + padding-bottom:5px; + border: 1px solid transparent; + outline: none; + visibility: inherit; + display: inherit; + text-align: left; + overflow: hidden; + position: absolute; + left: 0; + top: 0; + cursor: default; +} +/*applied to a list item in hovered state.*/ +.jqx-listitem-state-hover +{ + white-space: nowrap; + background: transparent; + padding: 3px 3px 3px 3px; + padding-top:5px; + padding-bottom:5px; + border: 1px solid transparent; +} +/*applied to a list item when the item is selected.*/ +.jqx-listitem-state-selected +{ + white-space: nowrap; + padding: 3px 3px 3px 3px; + padding-top:5px; + padding-bottom:5px; + border: 1px solid transparent; +} +.jqx-listbox-feedback +{ + height: 1px; + border-top: 1px dashed #000; +} +.jqx-listitem-element +{ + -ms-touch-action: none; + border: none; + width:100%; + height: 100%; + align:left; + valign:top; + position: absolute; +} +/*jqxComboBox Style*/ +/*applied to the jqxComboBox's content which displays the text.*/ +.jqx-combobox-content +{ + padding: 0px; + overflow: hidden; + padding-left: 0px; + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0px; + margin: 0px; + text-align: left; + vertical-align: middle; + white-space: nowrap; + -webkit-appearance: none; + outline: none; + border: none; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + border-right: 1px solid transparent; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +.jqx-combobox-content-rtl { + border: none; + -moz-border-radius-topleft: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 0px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 0px; + border-bottom-right-radius: 3px; + border-right: none; + border-left: 1px solid transparent; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +/*applied to the ComboBox's input field.*/ +.jqx-combobox-input +{ + -webkit-appearance: none; + -webkit-border-radius: 0px; + padding: 0 0 0 0; + outline: none; + border: 0px solid #aaa; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +.jqx-combobox-input::-ms-clear { + display: none; +} +/*applied to the ComboBox's content when the widget is disabled.*/ +.jqx-combobox-content-disabled +{ + color: #AAA; +} +/*applied to the ComboBox's arrow button.*/ +.jqx-combobox-arrow-normal, .jqx-action-button +{ + -webkit-appearance: none; + outline: none; + overflow: hidden; + margin: 0 0 0 0; + border: none; + cursor: pointer; +} +/*applied to the ComboBox's arrow button*/ +.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected +{ + -webkit-appearance: none; + outline: none; + overflow: hidden; + margin: 0 0 0 0; +} +/*applied to the ComboBox in normal state.*/ +.jqx-combobox-state-normal +{ + -webkit-appearance: none; + outline: none; + border: 1px solid transparent; + overflow: hidden; + margin: 0 0 0 0; +} +/*applied to the ComboBox when the mouse is over the widget.*/ +.jqx-combobox-state-hover +{ + overflow: hidden; + border: 1px solid transparent; + margin: 0 0 0 0; +} +/*applied to the ComboBox when the popup ListBox is shown.*/ +.jqx-combobox-state-selected +{ + overflow: hidden; + border: 1px solid transparent; + margin: 0 0 0 0; +} +/*applied to the ComboBox when the widget is focused.*/ +.jqx-combobox-state-focus +{ + border: 1px solid transparent; +} +.jqx-combobox-multi-item { + padding: 1px 3px; + margin: 2px; + white-space: nowrap; + border-style: solid; + font-weight: normal; + overflow: hidden; + text-align: left; + +} +.jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited { + color: inherit; + display: block; + outline: 0 none; + text-decoration: none; + cursor: pointer; + *color: expression(this.parentNode.currentStyle['color']); +} +/*applied to the ComboBox when the widget is disabled.*/ +.jqx-combobox-state-disabled +{ + white-space: nowrap; + margin: 0px; + color: #AAA; +} +/*jqxSelect Style*/ +.jqx-select { + overflow: hidden; + padding-left: 3px; + padding-top: 0px; + padding-bottom: 0px; + margin: 0px; + -webkit-appearance: none; + outline: 0 none; +} +.jqx-select-content { + cursor: pointer; + text-overflow: ellipsis; +} +.jqx-select-container { + padding: 0; +} +.jqx-select-item +{ + padding: 3px; + margin: 1px; + white-space: normal !important; + cursor: default; +} +/*jqxDropDownList Style*/ +/*applied to the dropdownlist's content element which displays the selected item's text or html.*/ +.jqx-dropdownlist-content +{ + padding: 0px; + overflow: hidden; + padding-left: 4px; + padding-top: 0px; + padding-bottom: 0px; + margin: 0px; + text-align: left; + vertical-align: middle; + white-space: nowrap; + -webkit-appearance: none; + outline: 0 none; + border: none; +} +.jqx-dropdownlist-content-rtl { + padding-left: 0px; + padding-right: 3px; +} +.jqx-dropdownlist .jqx-icon-arrow-down { + width:13px; +} +.jqx-dropdownlist .jqx-icon-arrow-up { + width:13px; +} +.jqx-combobox .jqx-icon-arrow-down { + width:13px; +} +.jqx-combobox .jqx-icon-arrow-up { + width:13px; +} +/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ +.jqx-dropdownlist-content-disabled +{ +} +/*applied to the dropdownlist in default state.*/ +.jqx-dropdownlist-state-normal +{ + -webkit-appearance: none; + outline: none; + border: 1px solid transparent; + overflow: hidden; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to the dropdownlist in hovered state.*/ +.jqx-dropdownlist-state-hover +{ + overflow: hidden; + border: 1px solid transparent; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to the dropdownlist in selected state.*/ +.jqx-dropdownlist-state-selected +{ + overflow: hidden; + background-color: transparent; + border: 1px solid transparent; + margin: 0 0 0 0; + cursor: pointer; +} +/*applied to the dropdownlist in focused state.*/ +.jqx-dropdownlist-state-focus +{ + border: 1px solid #909090; +} +/*applied to the dropdownlist in disabled state.*/ +.jqx-dropdownlist-state-disabled +{ + +} +/*jqxScrollBar Style*/ +.jqx-scrollbar +{ + background: transparent; + margin: 0; + padding: 0; + border: none; +} +/*applied to the scrollbar in default state.*/ +.jqx-scrollbar-state-normal +{ + background: #efefef; + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the scrollbar buttons in default state.*/ +.jqx-scrollbar-button-state-normal +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the scrollbar buttons in hovered state.*/ +.jqx-scrollbar-button-state-hover +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the scrollbar buttons in pressed state.*/ +.jqx-scrollbar-button-state-pressed +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the horizontal scrollbar thumb in default state.*/ +.jqx-scrollbar-thumb-state-normal-horizontal +{ + margin: 0px; + padding: 0px; + background: transparent; + border: 1px solid transparent; + touch-action:none; +} +/*applied to the horizontal scrollbar thumb in hovered state.*/ +.jqx-scrollbar-thumb-state-hover-horizontal +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the horizontal scrollbar thumb in default state.*/ +.jqx-scrollbar-thumb-state-pressed-horizontal +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; +} +/*applied to the vertical scrollbar thumb in default state.*/ +.jqx-scrollbar-thumb-state-normal +{ + margin: 0px; + padding: 0px; + border: 1px solid transparent; + touch-action:none; +} +/*applied to the vertical scrollbar thumb in default state.*/ +.jqx-scrollbar-thumb-state-hover +{ + margin: 0px; + padding: 0px; + background: transparent; + border: 1px solid transparent; +} +/*applied to the vertical scrollbar thumb in default state.*/ +.jqx-scrollbar-thumb-state-pressed +{ + margin: 0px; + padding: 0px; + background: #d1d1d1; + border: 1px solid #909090; +} + +/* jqxWindow */ +.jqx-window +{ + position: absolute; + overflow: hidden; + border: 1px solid transparent; +} +/*applied to the jqxWindow when it’s disabled*/ +.jqx-window-disabled +{ +} +/*applied to the window’s header*/ +.jqx-window-header +{ + outline: none; + border-width: 0px; + border-bottom: 1px solid transparent; + overflow: hidden; + padding: 7px; + height: auto; + white-space: nowrap; + overflow: hidden; +} +/*applied to the window’s header when the window is disabled*/ +.jqx-window-header-disabled +{ + +} +/*applied to the window’s content*/ +.jqx-window-content +{ + outline: none; + overflow: auto; + text-align: left; + background-color: transparent; + padding: 5px; + -webkit-background-clip: padding-box; background-clip: padding-box; +} +/*applied to the window’s content when the window is disabled*/ +.jqx-window-content-disabled +{ + outline: none; + overflow: auto; + text-align: left; + padding: 5px; +} +/*applied to the window’s close button*/ +.jqx-window-close-button +{ + cursor: pointer; + background-image: url(images/close.png); + background-repeat: no-repeat; + margin-top:2px; +} +/*applied to the window's collapse button*/ +.jqx-window-collapse-button +{ + background-image: url(images/icon-up.png); + cursor: pointer; + margin-top: 3px; +} +/*applied to the window's collapse button when the window is collapsed*/ +.jqx-window-collapse-button-collapsed +{ + margin-top: 3px; + cursor: pointer; + background-image: url(images/icon-down.png); +} +/*setting styles of the modal window’s background*/ +.jqx-window-modal +{ + background-color: Black; +} +.jqx-window-close-button-hover +{ +} +.jqx-docking +{ + overflow: hidden; +} +.jqx-docking-panel +{ + margin: 0px; + padding: 0px; + min-height: 100px; +} +.jqx-docking-drop-indicator +{ + border-style: dashed; + border-width: 1px; + margin: 0px; +} +.jqx-docking-window +{ + margin: 0px; +} + +/* jxSlider */ +/* applied to jqxSlider widget */ +.jqx-slider +{ + outline: none; + clear: both; + position: relative; + overflow:hidden; +} +/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ +.jqx-slider-tick +{ + border-left: 1px solid transparent; + z-index: 9; +} +/*applied to the ticks when the slider is in horizontal mode*/ +.jqx-slider-tick-horizontal +{ + width: 1px; + border-left: none; + margin-top: 1px; +} +/*applied to the ticks when the slider is in vertical mode*/ +.jqx-slider-tick-vertical +{ + height: 1px; + border-top: none; +} +/*applied to the ticks container*/ +.jqx-slider-tickscontainer +{ + z-index: 10; + position: relative; + margin-top: 0px; + margin-bottom: 0px; + z-index: 9; +} +/*applied to the jqxSlider thumb used for changing/indicating current value*/ +.jqx-slider-slider +{ + cursor: pointer; + width: 20px; + height: 20px; + z-index: 15; + position: absolute; + left: 0px; + top: 0px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; +} +.jqx-slider-button +{ + cursor: pointer; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + box-sizing: content-box !important; + padding: 3px !important; +} +/*applied to the slider's thumb when the slider is in horizontal mode*/ +.jqx-slider-slider-horizontal +{ + margin-top: -9px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + border: 1px solid transparent; +} +/*applied to the slider's thumb when the slider is in vertical mode*/ +.jqx-slider-slider-vertical +{ + margin-left: -9px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; + border: 1px solid transparent; + } +/*applied to the track where is located the thumb*/ +.jqx-slider-track +{ + height: 4px; + float:left; + position: relative; + z-index: 20; +} +/*used in horizontal slider*/ +.jqx-slider-track-horizontal +{ + height: 4px; + margin-top: 2px; +} +/*used in vertical slider*/ +.jqx-slider-track-vertical +{ + width: 4px; +} +/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ +.jqx-slider-rangebar +{ + +} + +/* jqxSplitter */ +.jqx-splitter +{ + overflow: hidden; + border: 1px solid transparent; + position: relative; +} +/* Split bar's class when the jqxSplitter is with horizontal orientation */ +.jqx-splitter-splitbar-vertical +{ + border: 1px solid transparent; + border-top-width: 0px; + border-bottom-width: 0px; + cursor: e-resize; + cursor: col-resize; + position: absolute; +} +/* Split bar's mouse over state */ +.jqx-splitter-splitbar-hover +{ + background-color: transparent; +} +/* Split bar's class when the jqxSplitter is with horizontal orientation. */ +.jqx-splitter-splitbar-horizontal +{ + position: absolute; + border: 1px solid transparent; + border-left-width: 0px; + border-right-width: 0px; + cursor: n-resize; + cursor: row-resize; +} +/* This class is applied to the splitter when it's dragged to it's max left/right boundary */ +.jqx-splitter-splitbar-invalid +{ + background: #FF0000 !important; +} +/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ +.jqx-splitter-collapse-button-horizontal +{ + cursor: pointer; + width: 45px; + height: 5px; +} +/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ +.jqx-splitter-collapse-button-vertical +{ + cursor: pointer; + width: 5px; + height: 45px; +} +/* This class is added when the user disable the splitter. */ +.jqx-splitter-splitbar-collapsed +{ + cursor: default; +} +/* Applied to the jqxSplitter panels. */ +.jqx-splitter-panel +{ + border: none; + outline: none; + position: absolute; + overflow: hidden; +} +/* This class is added to a nested splitter.*/ +.jqx-splitter-nested, .jqx-splitter-panel-nested +{ + border: none; + overflow: hidden; +} +.jqx-draggable +{ + +} +.jqx-draggable-dragging +{ + border: 0px solid black; +} +.jqx-draggable-disabled +{ + cursor: default; +} +.jqx-validator-hint +{ + height: 18px; + width: auto; + display: inline-block; + cursor: pointer; + padding-left: 5px; + padding-right: 5px; + font-family: Verdana; + font-size: 13px; + border: 1px solid #6E0000; + background-color: #942724; + color: #fff; + z-index: 99999; + white-space: nowrap; +} +.jqx-validator-hint-arrow +{ + z-index: 99999; + height: 9px; + width: 9px; + padding: 0px; + margin: 0px; + background-color: transparent; + background-image: url(images/multi-arrow.gif); +} +.jqx-validator-error-label { + color: #dd4b39; + vertical-align:top; + text-align: left; + display: block; + cursor: default; + line-height: 17px; + } +.jqx-validator-error-element { + border-color: #dd4b39 !important; +} + +.jqx-switchbutton +{ + outline: none; + overflow: hidden; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + border: 1px solid #ccc; +} +.jqx-switchbutton-thumb +{ + display: inline-block; + cursor: pointer; + border: 1px solid #ccc; +} +.jqx-switchbutton-label +{ + font-size: 15px; + font-family: Sans-Serif; + text-align: center; + text-transform: uppercase; + font-weight: bold; +} +.jqx-switchbutton-wrapper +{ +} +.jqx-switchbutton-label-on +{ + +} +.jqx-switchbutton-label-off +{ + +} + +/*left, right, up and down arrow icons.*/ +.jqx-left-arrow +{ + background: transparent; + background-image: url('images/icon-left.png'); + cursor: pointer; +} +.jqx-right-arrow +{ + background: transparent; + background-image: url('images/icon-right.png'); + cursor: pointer; +} +.jqx-icon-delete +{ + background-image: url('images/icon-delete.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-edit +{ + background-image: url('images/icon-edit.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-save +{ + background-image: url('images/icon-save.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-cancel +{ + background-image: url('images/icon-cancel.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected +{ + background-image: url('images/icon-up.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected +{ + background-image: url('images/icon-down.png'); + background-repeat: no-repeat; + background-position: center; +} + +.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected +{ + background-image: url('images/icon-left.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected +{ + background-image: url('images/icon-right.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected +{ + background-image: url('images/icon-first.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected +{ + background-image: url('images/icon-last.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-up-hover +{ + background-image: url('images/icon-up.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-down-hover +{ + background-image: url('images/icon-down.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-left-hover +{ + background-image: url('images/icon-left.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-right-hover +{ + background-image: url('images/icon-right.png'); + background-repeat: no-repeat; + background-position: center; +} + +.jqx-icon-arrow-up-selected +{ + background-image: url('images/icon-up.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-down-selected +{ + background-image: url('images/icon-down.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-left-selected +{ + background-image: url('images/icon-left.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-arrow-right-selected +{ + background-image: url('images/icon-right.png'); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-close +{ + cursor: pointer; + background-image: url(images/close.png); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-close-white { + background-image: url(images/close_white.png); + } +.jqx-icon-close-hover +{ + cursor: pointer; + background-image: url(images/close.png); + background-repeat: no-repeat; + background-position: center; +} +.jqx-icon-search +{ + cursor: pointer; + background-image: url(images/search.png); + background-repeat: no-repeat; + background-position: center; + margin-top: 1px; + background-size: 13px; + width: 13px; + height: 13px; +} +.jqx-icon-plus +{ + background-image: url(images/plus.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px; + width: 16px; + height: 16px; +} +.jqx-icon-plus-alt, .jqx-icon-plus-alt-white +{ + background-image: url(images/icon-plus.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px; + width: 16px; + height: 16px; +} +.jqx-icon-plus-alt-white { + background-image: url(images/icon-plus-white.png); +} +/* jqxScrollView */ +.jqx-scrollview-button +{ + width: 10px; + height: 10px; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + display: inline-block; + margin: 2px; + cursor: pointer; + background-color: #aaaeaf; +} +.jqx-scrollview +{ + background-color: #000; + -ms-touch-action: auto !important; +} +.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed +{ + background-image: url('images/icon-calendar.png'); + background-repeat: no-repeat; + background-position: left top; + position: relative; + width: 15px !important; + height: 15px !important; + margin-top: -7.5px !important; +} +/*applied to Inputs*/ +.jqx-input-widget{ + box-sizing: border-box !important; +} +.jqx-input{ overflow: hidden; background-color: inherit; border-color: #c7c7c7;} +.jqx-input-invalid { + color: red !important; +} +.jqx-input-group {overflow: hidden;} +.jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; } +.jqx-input-group-addon:first-child { + border-right-width: 0px; + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.jqx-input-group-addon:last-child { + border-left-width: 0px; + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; +} +.jqx-input-group-addon:not(:last-child):not(:first-child) { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + border-left-width: 0px; +} +.jqx-input-group .jqx-input { + padding: 2px 1px !important; + border-left-width: 1px !important; + border-right-width: 1px !important; +} +.jqx-editor { + border-style: solid; + border-width: 1px; + border-color: transparent; + overflow: hidden; + box-sizing: border-box !important; +} +.jqx-editor-window { + overflow: hidden; +} +.jqx-editor-inline { + padding: 0px; + border-width: 1px; + border-style: solid; + border-color: transparent; +} +.jqx-editor-inline p { + margin: 0px;padding:0 .2em; +} +.jqx-editor-inline-focus { + border-width: 1px; + border-style: solid; + overflow: auto; +} +.jqx-editor iframe { + border: 0; + margin: 0; + padding: 0; + background: #fff; + display: inline; + vertical-align: top; + width: 100%; + height: 100%; +} +.jqx-editor-color-bar { + height: 3px; +} +.jqx-editor-color-picker table { + margin: 0; + padding: 0 4px 4px; + empty-cells: show; + border-collapse: separate; +} +.jqx-editor-color-picker td { + border-collapse: separate; + border: 1px solid transparent; + cursor: pointer; + margin: 0; + position: relative; +} +.jqx-editor-color-picker td:hover { + border: 1px solid #000; +} +.jqx-editor-color-picker-selected-cell { + outline: 1px solid #000; +} +.jqx-editor-color-picker td div{ + width: 16px; + height: 16px; +} +.jqx-editor-content { + width: 100%; + border-style: solid; + border-width: 1px; + outline: 0; + left: 0px; + position: relative; + box-sizing: border-box !important; +} +.jqx-editor-container { + position: relative; + padding: 4px; + padding-top: 0px; + width: 100%; + height: 100%; + box-sizing: border-box !important; +} +.jqx-editor-toolbar-container { + top: 0px; left: 0px; + box-sizing: border-box !important; +} +.jqx-editor-toolbar-inline { + padding: 0px 4px; + border-width: 1px; + border-style: solid; +} +.jqx-editor-toolbar { + margin: 0; + padding: 0px; + padding-bottom: 4px; +} +.jqx-editor-toolbar-icon { + height: 21px; + width: 21px; + vertical-align: middle; + opacity: .667; + margin: 2px 0; + background: url('images/html_editor.png') no-repeat; +} +.jqx-editor-toolbar-icon-bold { + background-position: 0px 0px !important; +} +.jqx-editor-toolbar-icon-italic { + background-position: -21px 0px !important; +} +.jqx-editor-toolbar-icon-underline { + background-position: -42px 0px !important; +} +.jqx-editor-toolbar-icon-fontname { + background-position: -63px 0px !important; +} +.jqx-editor-toolbar-icon-fontsize { + background-position: -84px 0px !important; +} +.jqx-editor-toolbar-icon-createlink { + background-position: -147px 0px !important; +} +.jqx-editor-toolbar-icon-insertorderedlist { + background-position: -168px 0px !important; +} +.jqx-editor-toolbar-icon-insertunorderedlist { + background-position: -189px 0px !important; +} +.jqx-editor-toolbar-icon-outdent { + background-position: -210px 0px !important; +} +.jqx-editor-toolbar-icon-indent { + background-position: -231px 0px !important; +} +.jqx-editor-toolbar-icon-insertimage { + background-position: -337px 0px !important; +} +.jqx-editor-toolbar-icon-justifyleft { + background-position: -252px 0px !important; +} +.jqx-editor-toolbar-icon-justifycenter { + background-position: -273px 0px !important; +} +.jqx-editor-toolbar-icon-justifyright { + background-position: -294px 0px !important; +} +.jqx-editor-toolbar-icon-removeformat { + background-position: -316px 0px !important; +} +.jqx-editor-toolbar-icon-viewsource { + background-position: -359px 0px !important; +} +.jqx-editor-toolbar-icon-forecolor { + background-position: -105px 0px !important; + height: 15px; +} +.jqx-editor-toolbar-icon-backcolor { + background-position: -380px 0px !important; + height: 15px; +} + +.jqx-editor-toolbar-icon:hover { + opacity: 1; +} +.jqx-fill-state-disabled .jqx-editor-toolbar-icon { + opacity: .667; +} +.jqx-editor-toolbar-item { + display: inline-block; + margin-left: 2px; + vertical-align: middle; +} +.jqx-editor-toolbar-separator { + border-left: 1px solid #ccc; + margin: 0 2px; + outline: none; + overflow: hidden; + padding: 0; + text-decoration: none; + vertical-align: middle; + width: 0; + display: inline-block; +} +.jqx-editor-toolbar-group { + display: inline-block; + margin-right: 4px; + margin-top: 4px; + white-space: nowrap; +} +.jqx-editor-toolbar-button { + text-decoration: none; + vertical-align: middle; + cursor: default; + display: inline-block; + padding: 0px !important; + margin-right: 2px; +} +.jqx-editor-toolbar-group .jqx-editor-toolbar-button { + margin-right: -1px; + box-shadow: none; + position: relative; + margin-left: 0px !important; +} +.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active { + z-index: 55; +} +.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { + background: transparent !important; +} + +.jqx-date-time-input-popup table td a +{ + border: 1px transparent solid; + width: 100%; + display: inline-block; + margin: 0; + padding: 0; + outline: 0; + color: #333; +} +.jqx-date-time-input-popup table td input { + width: 25px; + margin: 0; + text-align: center; + padding: 4px 6px; + height:20px; + line-height: 20px; + vertical-align: middle; +} + +.jqx-scheduler .jqx-cell { + padding: 0px !important; + cursor: default; +} +.jqx-scheduler .jqx-widget-header.jqx-grid-header +{ + border-bottom-color: transparent; + border-bottom-width: 0px; +} +.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header +{ + border-bottom: 1px solid #c5c5c5; +} +.jqx-grid-column-header[sort] > div > div { + width: calc(100% - 20px); +} +.jqx-grid-column-header[filter] > div > div { + width: calc(100% - 20px); +} +.jqx-grid-column-header[filter][sort] > div > div { + width: calc(100% - 40px); +} + +.jqx-scheduler-all-day-cell +{ + text-align: left; +} +.jqx-scheduler-all-day-cell span +{ + margin-left:3px; +} + +.jqx-scheduler-month-cell { + background: #f2f2f2; + color: #000; + opacity: 0.8; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: inherit; + vertical-align: top; + text-align: left; +} +.jqx-scheduler-month-cell-touch { + background: transparent; + border:none; + vertical-align:middle; + text-align:center; +} +.jqx-scheduler-month-cell-popup { + border: 1px solid #333; + background: #f2f2f2; + box-shadow: 0 5px 0px rgba(0,0,0,.15)!important; +} +.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { + border-bottom-color: #ddd !important; +} +.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell +{ + border-bottom-style:dotted; +} +.jqx-scheduler-work-time-cell +{ + background: #fff; +} +.jqx-scheduler-not-work-time-cell +{ + background: #eee; +} +.jqx-scheduler-month-outer-cell +{ + color: #555; +} +.jqx-scheduler-month-weekend-cell +{ + background: #eee; +} +.jqx-scheduler-disabled-cell { + background: #e9edf1; +} +.jqx-scheduler-toolbar +{ + font-size: 14px; +} +.jqx-scheduler-time-column, .jqx-scheduler-toolbar { + background-image: none !important; + background: #fff !important; + color: #333 !important; +} +.jqx-scheduler-week-number-column { + background: #e8e8e8 !important; + color: #333; +} +.jqx-scheduler-time-column-header-cell +{ + border-left-color:transparent !important; +} +.jqx-scheduler-time-column-header-cell-rtl +{ + border-right-color:transparent !important; +} +.jqx-scheduler-appointment { + overflow: visible; + border: 1px solid #555; + white-space:pre-line; + cursor:pointer; + vertical-align: middle; + text-overflow:ellipsis; + user-select: none; +} +.jqx-scheduler-appointment-rtl { + direction: rtl; + text-align: right; +} + +.jqx-scheduler-appointment-content { + overflow: hidden; + text-overflow:ellipsis; + height:100%; + padding-left:5px; + padding-right:5px; +} +.jqx-scheduler-appointment-inner-content { + overflow:hidden; + width:100%; + text-overflow: ellipsis; + padding-bottom: 3px; +} +.jqx-scheduler-appointment-duration-status { + height: 0px; + border-bottom-width: 2px; + border-bottom-style: dotted; + border-color: #f05c2d; + background: #f05c2d; + position:absolute; + bottom: -1px; left: 0px; + border-radius: 5px; +} +.jqx-scheduler-appointment-status { + width: 4px; + height: 100%; + border-right-width: 1px; + border-right-style:solid; + position:absolute; + top: 0px; left: 0px; +} +.jqx-scheduler-appointment-status-rtl { + width: 4px; + height: 100%; + border-right-width: 0px; + border-right-style:none; + border-left-width: 1px; + border-left-style:solid; + position:absolute; + top: 0px; right:0px; +} +.jqx-scheduler-appointment-status-stripes { + background-image: url('images/stripes.png'); + background-repeat:repeat-y; + background-position: left top; +} +.jqx-scheduler-appointment-resize-indicator { + width: 4px; + height: 4px; + position: absolute; + border: 1px solid black; + background: white; + display: none; +} +.jqx-scheduler-appointment-top-resize-indicator { + top: -3px; + left: 50%; + margin-left:-2px; + cursor: row-resize; +} +.jqx-scheduler-appointment-bottom-resize-indicator { + cursor: row-resize; + bottom: -3px; + left: 50%; + margin-left:-2px; +} +.jqx-scheduler-appointment-left-resize-indicator { + cursor: col-resize; + top: 50%; + left: -3px; + margin-top: -2px; +} +.jqx-scheduler-appointment-right-resize-indicator { + cursor: col-resize; + top: 50%; + margin-top: -2px; + right: -3px; +} + +.jqx-scheduler-appointment span { + vertical-align: middle; + text-overflow:ellipsis; + position: relative; + top: -1px; +} +.jqx-scheduler-feedback-appointment { + opacity: 0.7; + position:absolute; + z-index:99999; +} +.jqx-scheduler-selected-appointment { + border: 1px solid #316293 !important; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; + white-space:pre-line; +} +.jqx-scheduler-appointment:hover { + border: 1px solid #3f7ebe !important; + } +.jqx-scheduler-feedback-drag-appointment { + background: #aaa !important; +} +.jqx-icon-recurrence, .jqx-icon-recurrence-exception,.jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time +{ + background-image: url('images/icon-recurrence.png'); + background-repeat: no-repeat; + background-position: center; + width: 16px; + height: 16px; + float: left; + margin:3px; + margin-left:5px; +} +.jqx-icon-time +{ + background-image: url('images/icon-time.png'); + margin:0px; + position: relative; + left: 1px; + margin-top:-8px; +} +.jqx-icon-time-white +{ + background-image: url('images/icon-time-white.png'); +} +.jqx-icon-recurrence-exception +{ + background-image: url('images/icon-recurrence-exception.png'); +} +.jqx-icon-recurrence-exception-white { + background-image: url('images/icon-recurrence-exception-white.png'); +} +.jqx-icon-recurrence-white { + background-image: url('images/icon-recurrence-white.png'); + } +.jqx-scheduler-cell-hover { + border-color: #3f7ebe !important; + background: #a2c0df !important; +} +.jqx-scheduler-cell-selected { + border-color: #316293 !important; + background: #2f7eb6 !important; +} +.jqx-scheduler-edit-dialog-label { + clear: both; + float: left; + margin-left: 2%; + padding: 4px; + text-align: right; + width: 18%; + line-height: 25px; +} +.jqx-scheduler-edit-dialog-field { + clear: right; + float: right; + margin-right: 2%; + padding: 4px; + width: 380px; +} +.jqx-scheduler-edit-dialog-label-rtl { + clear: both; + float: right; + margin-left: 0px; + margin-right: 2%; + padding: 4px; + text-align: left; + width: 18%; + line-height: 25px; +} +.jqx-scheduler-edit-dialog-field-rtl { + clear: left; + float: left; + margin-right: 0px; + margin-left: 2%; + padding: 4px; + width: 72%; +} +.jqx-scheduler-legend-bar +{ + overflow:hidden; + border-color:inherit; + border: none; +} +.jqx-scheduler-legend-bar-bottom +{ + border-top-width: 1px; + border-top-style:solid; +} +.jqx-scheduler-legend-bar-top +{ + border-bottom-width: 1px; + border-bottom-style:solid; +} +.jqx-scheduler-legend { + width:14px; + height:14px; + float: left; + margin-right: 3px; + border-style:solid; + border-width:1px; + cursor: pointer; + vertical-align: middle; + margin-top:4px; +} +.jqx-scheduler-legend-label { + float: left; + margin-right: 12px; + cursor: pointer; + vertical-align: middle; + margin-top:4px; +} +.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { + color: #fff; +} +.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { + color: #fff; +} +.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { + color: #fff; +} + +.jqx-scheduler-agenda-date { + padding-top:5px; + padding-bottom:5px; +} +.jqx-scheduler-agenda-time { + padding: 5px; +} +.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { + cursor: pointer; +} +.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { + margin: 5px; + cursor: pointer; +} +.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { + float: right; +} +.jqx-scheduler-agenda-day { + margin: 3px; + font-size: 33px; + font-weight: normal; +} +.jqx-scheduler-agenda-week { + font-style: normal; + font-size:13px; +} +.jqx-scheduler-agenda-date { + font-size: 10px; +} +.jqx-scheduler-cell-focus +{ + border-style:dotted; + border-color: #59a0d5 !important; + background: #59a0d5 !important; +} +/*applied to all widgets*/ +.jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} + +.jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} + +/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ +.jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } +/*applied to header areas. Tabs, Menu, Window, Calendar.*/ +.jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; } + +.jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; } +.jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;} +.jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;} +.jqx-fill-state-focus {border-color: #555; } +.jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} +.jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { + box-sizing: border-box; -moz-box-sizing: border-box; +} +.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} +.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton +{ + background-color: transparent; + border-color: #aaa; +} +.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited +{ + *color: expression(this.parentNode.currentStyle['color']); +} +.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright +{ + background-color: #e5e5e5; +} + +.jqx-tabs-title-selected-top +{ + border-color: #aaa; + border-bottom: 1px solid #fff; + background-color: #fff; +} +/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ +.jqx-tabs-title-selected-bottom +{ + border-color: #aaa; + border-top: 1px solid #fff; + background-color: #fff; +} +/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ +.jqx-tabs-selection-tracker-top +{ + border-color: #aaa; + border-bottom: 1px solid #fff; +} +/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ +.jqx-tabs-selection-tracker-bottom +{ + border-color: #aaa; + border-top: 1px solid #fff; +} +/*jqxMaskedInput and jqxNumberInput Styles*/ +.jqx-input +{ + -webkit-appearance: none; + padding: 0 0 0 0; + outline: none; + border-width: 1px; + border-style: solid; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +input[type=text].jqx-input, input[type=password].jqx-input { + min-height: 16px; + min-width: 16px; + margin: 0px; + border-width: 1px; + border-style: solid; + font-size: 13px; + padding: 3px; + padding-left:3px; + padding-right: 3px; +} +.jqx-input::-ms-reveal { + display: none; +} +.jqx-input::-ms-clear { + display: none; +} +.jqx-input-content::-ms-clear { + display: none; +} +.jqx-input::-ms-value { + margin: 0px; + padding: 0px; + min-height: 13px; + line-height: 13px; +} + +/*applied to the input when the validation fails.*/ +.jqx-input-invalid +{ + border-color: #dd4b39 !important; +} + +/*applied to the input's content.*/ +.jqx-input-content +{ + -webkit-appearance: none; + padding: 1px; + resize: none; + outline: none; + outline-width: 0px; + -webkit-user-modify:inherit; -moz-user-modify:inherit; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +/*applied to the input when it is disabled.*/ +.jqx-input-disabled +{ + -webkit-appearance: none; + resize: none; + outline: none; + outline-width: 0px; +} +/*applied to the list menu.*/ +.jqx-listmenu-widget { + -ms-touch-action: auto; +} +.jqx-listmenu-widget .jqx-widget-content{ + -ms-touch-action: auto; +} +.jqx-listmenu-widget .jqx-widget-header{ + -ms-touch-action: auto; +} +.jqx-listmenu-widget li{ + -ms-touch-action: auto; +} +.jqx-menu-popup { + +} +.jqx-menu-vertical +{ + background-color: #efefef; +} +.jqx-color-picker +{ + +} +.jqx-color-picker-panel +{ +} +.jqx-color-picker-map +{ + border: 1px solid #A0A0A0; + background-color: transparent; + background-image: url('images/colorpicker/map-saturation.png'); + background-repeat: no-repeat; + background-position: left top; + overflow: hidden; +} +.jqx-color-picker-map-hue +{ + border: 1px solid #A0A0A0; + background-color: transparent; + background-image: url('images/colorpicker/map-hue.png'); + background-repeat: no-repeat; + background-position: left top; + overflow: hidden; +} +.jqx-color-picker-map-overlay +{ + background-color: transparent; + background-image: url('images/colorpicker/map-saturation-overlay.png'); + background-repeat: no-repeat; + background-position: left top; +} +.jqx-color-picker-bar +{ + border: 1px solid #A0A0A0; + background-color: transparent; + background-image: url('images/colorpicker/bar-saturation.png'); + background-repeat: no-repeat; + background-position: left top; +} +.jqx-color-picker-bar-hue +{ + border: 1px solid #A0A0A0; + background-color: transparent; + background-image: url('images/colorpicker/bar-hue.png'); + background-repeat: no-repeat; + background-position: left top; +} +.jqx-color-picker-preview +{ + border: 1px solid #A0A0A0; +} +.jqx-color-picker-pointer +{ + background-image: url('images/crosshair.png'); + background-repeat: no-repeat; + height: 16px; + width: 16px; +} +.jqx-color-picker-pointer-alt +{ + background-image: url('images/crosshair-white.png'); + background-repeat: no-repeat; + height: 16px; + width: 16px; +} +.jqx-color-picker-bar-pointer +{ + background-image: url('images/pointer.png'); + background-repeat: no-repeat; + height: 15px; + margin-left: 6px; + background-position: right top; +} +.jqx-icon +{ + width: 16px; + height: 16px; + margin: 0 auto; + position: relative; + top: 50%; + margin-top: -8px; +} +.jqx-input-icon +{ + width: 13px; + height: 13px; + margin: 0 auto; +} +.jqx-scrollbar-thumb-state-normal-touch +{ + border-color:#c3c3c3; background: #c3c3c3; +} +.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} +.jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} +.jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} +.jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} +.jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} +/*jqx-listmenu*/ +.jqx-listmenu-widget +{ + border-width: 1px; + border-style: solid; +} +ol.jqx-listmenu, ul.jqx-listmenu +{ + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + line-height: 1; + counter-reset: section; +} +.jqx-listmenu li +{ + margin-left: 0px; + list-style: none; + line-height: 1; +} +.jqx-listmenu +{ + width: 100%; +} +.jqx-listmenu-header +{ + padding: 15px; +} +.jqx-listmenu-item +{ + cursor: pointer; + padding: 15px; + float: none; + overflow: hidden; + text-align: left; + position: relative; +} + +.jqx-listmenu-separator +{ + padding: 10px; + counter-reset: section; +} +.jqx-listmenu-header-label +{ + margin-left: 30px; +} +.jqx-listmenu-arrow-right +{ + width: 16px; + height: 16px; + position: absolute; + top: 50%; + margin-top: -7px; + right: 7px; +} +.jqx-listmenu-arrow-rtl { + right: 0px; + left: 7px; +} +.jqx-listmenu-arrow-right-pressed +{ + width: 16px; + height: 16px; +} +.jqx-listmenu-header .jqx-button +{ + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + padding: 6px 10px; +} +.jqx-listmenu-filter-input +{ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 1px solid; + outline: none; + width: 97%; + padding: 3px; + padding-left: 10px; + padding-right: 10px; + border-color: #c7c7c7; + background-color: #fff; + font-size: 20px; + min-height: 25px !important; + height: 25px; +} +.jqx-listmenu-filter +{ + text-align: center; + padding: 4px; +} +ol li .jqx-listmenu-item-label:before +{ + content: counter(section) ". "; + counter-increment: section; +} +.jqx-listmenu div +{ + clear: both; +} +.jqx-listmenu-auto-separator +{ +} +.jqx-listmenu-item-readonly +{ + cursor: default; +} +.jqx-tooltip +{ + position: absolute; + width: auto; + height: auto; +} +.jqx-tooltip-main +{ + position: relative; + width: 100%; + height: 100%; + text-align: center; + filter: inherit; + border-style: solid; + border-width: 1px; +} +.jqx-tooltip-text +{ + padding: 5px 8px; + overflow: hidden; + filter: inherit; +} +.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; +} +.jqx-tooltip-arrow +{ + position: absolute; + width: 0px; + height: 0px; + display: block; + border-style: solid; + margin: -6px 0 0 -7px; + background: transparent !important; + filter: inherit; +} +.jqx-tooltip-arrow-t-b +{ + border-left-color: transparent !important; + border-right-color: transparent !important; +} +.jqx-tooltip-arrow-l-r +{ + border-top-color: transparent !important; + border-bottom-color: transparent !important; +} +/*Sets the text-alignment to right.*/ +.jqx-rtl{text-align: right !important;} +.jqx-shadow{ + -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; + -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; + box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; +} +.jqx-noshadow { + -webkit-box-shadow: none !important; + -moz-box-shadow : none !important; + box-shadow : none !important; +} +.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl +{ + background-image: url(images/icon-showpassword.png) !important; + background-repeat: no-repeat !important; + width: 14px; + height: 9px; +} +.jqx-passwordinput-password-icon-ltr +{ + background-position: right !important; +} +.jqx-passwordinput-password-icon-rtl +{ + background-position: left !important; +} +.jqx-passwordinput-password-strength-inicator +{ + width: 20%; + height: 5px; + margin-top: 5px; +} +/*top rounded Corners*/ +.jqx-rc-t-expanded +{ + -moz-border-radius-topleft: 0px !important; + -webkit-border-top-left-radius: 0px !important; + border-top-left-radius: 0px !important; + -moz-border-radius-topright: 0px !important; + -webkit-border-top-right-radius: 0px !important; + border-top-right-radius: 0px !important; +} +/*bottom rounded Corners*/ +.jqx-rc-b-expanded +{ + -moz-border-radius-bottomleft: 0px !important; + -webkit-border-bottom-left-radius: 0px !important; + border-bottom-left-radius: 0px !important; + -moz-border-radius-bottomright: 0px !important; + -webkit-border-bottom-right-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} +.jqx-treemap-rectangle { + font-size: 13px; + font-weight: normal; + border: 1px solid #555; + color: #222; + text-shadow: 0px 0px 0px; + overflow: hidden; + text-overflow: ellipsis; +} +.jqx-treemap-label { + text-overflow: ellipsis; + overflow: hidden; +} +.jqx-treemap-rectangle-parent { + color: #222; + font-size: 15px; + font-family: Verdana; + font-weight: bold; +} +.jqx-treemap-legend-label { + color: #fff; +} +.jqx-treemap-legend { + width: 350px; + background-color: rgba(0, 0, 0, 0.1); + z-index: 41; + overflow: hidden; +} +.jqx-treemap-legend-table { + table-layout: fixed; + width: 100%; +} +.jqx-treemap-legend-color { + height: 3px; +} +.jqx-treemap-legend-values { + height: 12px; + width: 100%; +} +.jqx-treemap-legend-value { + font-size: 9px; + position: absolute; + color: #fff; +} +.jqx-treemap-rectangle-hover { + -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + z-index: 40; +} +/*jqxRangeSelector*/ +.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, +.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter +{ + box-shadow: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-sizing: content-box !important; +} +.jqx-rangeselector-markers { + +} +.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow +{ + position: absolute; +} +.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider +{ + height: 100%; +} +.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider +{ + width: 100%; + box-shadow: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -moz-border-radius: 0px !important; + -webkit-border-radius: 0px !important; + border-radius: 0px !important; +} +.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider +{ + float: left; +} +.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow +{ + border-style: solid; +} +.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks +{ + width: 1px; + background: #aaa; +} +.jqx-rangeselector-labels, .jqx-rangeselector-markers +{ + white-space: nowrap; + width: auto; +} +.jqx-rangeselector-slider, .jqx-rangeselector-markers +{ + border-width: 1px !important; +} +.jqx-rangeselector-ticks-container +{ + background-color: transparent; + position: relative; +} +.jqx-rangeselector-shutter +{ + opacity: 0.75; + background: #efefef; + border-width: 0px !important; +} +.jqx-rangeselector-slider +{ + background-color: transparent !important; + border-top: none !important; + background-image: none !important; + border-bottom: none !important; + border-color: #aaa; + border-right-color: transparent !important; + position: relative; + overflow: hidden; +} +.jqx-rangeselector-inner-slider +{ + position: absolute; + right: 0; + background: #aaa; + width: 1px; + height: 100%; +} +.jqx-rangeselector-ticks +{ + margin-top: 0px; +} +.jqx-rangeselector-labels, .jqx-rangeselector-group-labels +{ + margin-top: 4px; +} +.jqx-rangeselector-markers +{ + height: 20px; + padding: 5px; + opacity: 0.75; +} +.jqx-rangeselector-marker-arrow +{ + width: 0px; + height: 0px; + display: block; + margin: -6px 0 0 -7px; + background-color: transparent !important; + filter: inherit; + border-top-width: 5px; + border-bottom-width: 5px; + border-right-color: transparent !important; + border-left-color: transparent !important; + background-clip: border-box; + background-repeat: repeat; + box-shadow: none !important; + -webkit-box-shadow: none !important; + background-image: none !important; +} +.jqx-rangeselector-marker-arrow-top { + border-bottom-color: transparent !important; +} +.jqx-rangeselector-marker-arrow-bottom { + border-top-color: transparent !important; +} +.jqx-rangeselector-marker-left-arrow +{ + border-right-width: 0px; + border-left-width: 5px; +} +.jqx-rangeselector-marker-right-arrow +{ + border-right-width: 5px; + border-left-width: 0px; +} +.jqx-rangeselector-markers-value +{ + overflow: hidden; + white-space: nowrap; +} +.jqx-rangeselector-group-labels-rtl +{ + margin-right: 10px; + direction: rtl; +} +.jqx-rangeselector-group-labels-ticks +{ + height: 17px; +} +.jqx-rangeselector-group-labels-ticks-rtl +{ + margin-left: 5px; +} +.jqx-action-button { + border: none; + border-left: 1px solid #c7c7c7; +} +.jqx-action-button-rtl { + border: none; + border-right: 1px solid #c7c7c7; + cursor: pointer; +} +/*jqxBulletChart*/ +.jqx-bulletchart +{ +} +.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical +{ + position: relative; +} +.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels +{ + position: absolute; +} +.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical +{ + width: 100%; +} +.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal +{ + float: left; + overflow: hidden; +} +.jqx-bulletchart-title, .jqx-bulletchart-description +{ + text-align: center; +} +.jqx-bulletchart-title-inner-container +{ + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.jqx-bulletchart-title-inner-container-ltr +{ + padding-right: 5px; +} +.jqx-bulletchart-title-inner-container-rtl +{ + padding-left: 5px; +} +.jqx-bulletchart-title-description-ltr +{ + text-align: right; +} +.jqx-bulletchart-title-description-rtl +{ + text-align: left; +} +.jqx-bulletchart-title-description-vertical +{ + text-align: center; +} +.jqx-bulletchart-title +{ + font-size: 110%; + font-weight: bold; +} +.jqx-bulletchart-description +{ + font-size: 90%; +} +.jqx-bulletchart-range-horizontal +{ + height: 100%; +} +.jqx-bulletchart-target-horizontal +{ + top: 10%; + height: 80%; +} +.jqx-bulletchart-target-vertical +{ + left: 10%; + width: 80%; +} +.jqx-bulletchart-ticks +{ + background-color: #AAAAAA; +} +.jqx-bulletchart-ticks-horizontal +{ + width: 1px; +} +.jqx-bulletchart-ticks-vertical +{ + height: 1px; +} +.jqx-bulletchart-zero-tick +{ +} +.jqx-bulletchart-labels +{ +} +/*jqxNotification*/ +.jqx-notification +{ + padding: 10px; + border-width: 1px; + border-style: solid; + box-sizing: border-box; + pointer-events: auto; +} +.jqx-notification-table +{ + width: 100%; + font-size: inherit; + font-weight: inherit; + font-style: inherit; + color:inherit; +} +.jqx-notification-container +{ + position: fixed; + height: auto; + width: auto; + pointer-events: none; +} +.jqx-notification-container-full-width +{ + width: 100%; +} +.jqx-notification-container-full-height +{ + height: 100%; +} +#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left +{ + direction: rtl; +} +.jqx-notification-icon, .jqx-notification-content +{ + vertical-align: middle; +} +.jqx-notification-content +{ +} +.jqx-notification-content-rtl +{ + direction: rtl; +} +.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { + background: none !important; + box-shadow: none !important; + text-shadow: none !important; +} + +.jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} +.jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} +.jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} + +.jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} + +.jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} + +.jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { + background-image: url('images/icon-calendar-white.png'); +} +.jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { + background-image: url('images/icon-time-white.png'); +} + + +.jqx-notification-info, .jqx-info +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #5bc0de !important; + *background-color: #5bc0de !important; + border-left-color: #46b8da !important; + border-right-color: #46b8da !important; + border-top-color: #46b8da !important; + border-bottom-color: #46b8da !important; +} +.jqx-info:hover, +.jqx-info:focus, +.jqx-info:active, +.jqx-info.active, +.jqx-info.disabled, +.jqx-info[disabled] { + color: #ffffff !important; + background-color: #31b0d5 !important; + *background-color: #31b0d5 !important; + border-color: #269abc !important; +} + +.jqx-fill-state-pressed.jqx-info, +.jqx-info:active, +.jqx-info.active { + background-color: #269abc \9 !important; +} +.jqx-notification-warning, .jqx-warning +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #f0ad4e !important; + *background-color: #f0ad4e !important; + border-left-color: #eea236 !important; + border-right-color: #eea236 !important; + border-top-color: #eea236 !important; + border-bottom-color: #eea236 !important; +} +.jqx-warning:hover, +.jqx-warning:focus, +.jqx-warning:active, +.jqx-warning.active, +.jqx-warning.disabled, +.jqx-warning[disabled] { + color: #ffffff !important; + background-color: #ec971f !important; + *background-color: #ec971f !important; + border-color: #d58512 !important; +} + +.jqx-fill-state-pressed.jqx-warning, +.jqx-warning:active, +.jqx-warning.active { + background-color: #d58512 \9 !important; + border-color: #985f0d !important; +} +.jqx-notification-success, .jqx-success +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #5cb85c !important; + *background-color: #5cb85c !important; + border-left-color: #4cae4c !important; + border-right-color: #4cae4c !important; + border-top-color: #4cae4c !important; + border-bottom-color: #4cae4c !important; +} +.jqx-success:hover, +.jqx-success:focus, +.jqx-success:active, +.jqx-success.active, +.jqx-success.disabled, +.jqx-success[disabled] { + color: #ffffff !important; + background-color: #449d44 !important; + *background-color: #449d44 !important; + border-color: #398439 !important; +} +.jqx-fill-state-pressed.jqx-success, +.jqx-success:active, +.jqx-success.active { + background-color: #398439 !important; + border-color: #255625 !important; +} +.jqx-notification-error, .jqx-danger +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #d9534f !important; + *background-color: #d9534f !important; + border-left-color: #d43f3a !important; + border-right-color: #d43f3a !important; + border-top-color: #d43f3a !important; + border-bottom-color: #d43f3a !important; +} +.jqx-danger:hover, +.jqx-danger:focus, +.jqx-danger:active, +.jqx-danger.active, +.jqx-danger.disabled, +.jqx-danger[disabled] { + color: #ffffff !important; + background-color: #c9302c !important; + *background-color: #c9302c !important; + border-color: #ac2925 !important; +} + +.jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, +.jqx-danger.active { + background-color: #ac2925 !important; + border-color: #761c19 !important; +} +.jqx-notification-mail, .jqx-primary +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #337ab7 !important; + *background-color: #337ab7 !important; + border-left-color: #2e6da4 !important; + border-right-color: #2e6da4 !important; + border-top-color: #2e6da4 !important; + border-bottom-color: #2e6da4 !important; +} +.jqx-primary:hover, +.jqx-primary:focus, +.jqx-primary:active, +.jqx-primary.active, +.jqx-primary.disabled, +.jqx-primary[disabled] { + color: #ffffff !important; + background-color: #286090 !important; + *background-color: #286090 !important; +} + +.jqx-fill-state-pressed.jqx-primary, +.jqx-primary:active, +.jqx-primary.active { + background-color: #204d74 !important; +} +.jqx-notification-time, .jqx-inverse +{ + color: #ffffff !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; + background-color: #363636 !important; + *background-color: #222222 !important; + border-left-color: #222222 !important; + border-right-color: #222222 !important; + border-top-color: #222222 !important; + border-bottom-color: #000000 !important; +} +.jqx-inverse:hover, +.jqx-inverse:focus, +.jqx-inverse:active, +.jqx-inverse.active, +.jqx-inverse.disabled, +.jqx-inverse[disabled] { + color: #ffffff !important; + background-color: #222222 !important; + *background-color: #151515 !important; +} + +.jqx-fill-state-pressed.jqx-inverse, +.jqx-inverse:active, +.jqx-inverse.active { + background-color: #080808 !important; + background-image: linear-gradient(to bottom, #444444, #444444) !important; +} +.jqx-link, +.jqx-link:active, +.jqx-link[disabled] { + background-color: transparent !important; + background-image: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.jqx-link { + color: #0088cc !important; + cursor: pointer !important; + border-color: transparent !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} + +.jqx-link:hover, +.jqx-link:focus { + color: #005580 !important; + text-decoration: underline !important; + background-color: transparent !important; +} + +.jqx-link[disabled]:hover, +.jqx-link[disabled]:focus { + color: #333333 !important; + text-decoration: none !important; +} +.jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, +.jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { + background-position: 0 -15px !important; + -webkit-transition: background-position 0.1s linear !important; + -moz-transition: background-position 0.1s linear !important; + -o-transition: background-position 0.1s linear !important; + transition: background-position 0.1s linear !important; +} +.jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { + background-image: none !important; + outline: 0 !important; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; +} +.jqx-notification-icon +{ + background-repeat: no-repeat; +} +.jqx-notification-icon-ltr +{ + background-position: left center; +} +.jqx-notification-icon-rtl +{ + background-position: right center; +} +.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time +{ + width: 30px; + height: 25px; +} +.jqx-notification-icon-info +{ + background-image: url('images/info.png'); +} +.jqx-notification-icon-warning +{ + background-image: url('images/warning.png'); +} +.jqx-notification-icon-success +{ + background-image: url('images/success.png'); +} +.jqx-notification-icon-error +{ + background-image: url('images/error.png'); +} +.jqx-notification-icon-mail +{ + background-image: url('images/mail.png'); +} +.jqx-notification-icon-time +{ + background-image: url('images/time.png'); +} +.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error +{ + background-image: url('images/close_white.png'); +} +.jqx-notification-close-button-warning +{ + background-image: url('images/close_black.png'); +} +.jqx-notification-close-button-container, .jqx-notification-close-button +{ + width: 16px; + height: 16px; +} +.jqx-notification-close-button-container +{ + vertical-align: top; +} +.jqx-notification-close-button +{ + position: relative; + top: -11px; + background-repeat: no-repeat; + cursor: pointer; +} +.jqx-notification-close-button-ltr +{ + right: -11px; + background-position: right top; +} +.jqx-notification-close-button-rtl +{ + left: -11px; + background-position: left top; +} +.jqx-navbar { + width: 100%; + border-style: solid; + border-width: 1px; +} +.jqx-navbar ul:before, +.jqx-navbar ul:after { + content: ""; + display: table; +} +.jqx-navbar ul:after { + clear: both; +} +.jqx-navbar ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + display: block; + border: 0; + max-width: 100%; + overflow: visible; +} +.jqx-navbar-block { + margin: 0; + overflow:hidden; + padding: 0px 12px; + border-width:0px; + float: left; + min-height: 1px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + box-shadow: none !important; + border-radius: 0px !important; +} +.jqx-navbar-block-rtl { + float:right; +} +.jqx-ribbon +{ + position: relative; + overflow: hidden; +} +.jqx-ribbon-auto +{ + display: inline-block; +} +.jqx-ribbon-popup +{ + overflow: visible; +} +.jqx-ribbon-header +{ + position: absolute; + margin: 0; + border-width: 1px; + border-style: solid; + box-sizing: border-box; + overflow: hidden; + float: left; + display: block; + box-shadow: none !important; +} +.jqx-ribbon-header-auto +{ + position: relative; +} +.jqx-ribbon-header-horizontal +{ + width: 100%; + min-height: 30px; + padding: 0px; + white-space: nowrap; +} +.jqx-ribbon-header-bottom +{ + bottom: 0; +} +.jqx-ribbon-header-vertical +{ + min-width: 75px; + height: 100%; + float: left; + padding: 0px; +} +.jqx-ribbon-header-right +{ + right: 0; +} +.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup +{ + position: relative; +} +.jqx-ribbon-header-horizontal-popup +{ + height:100%; +} +.jqx-ribbon-header-vertical-popup +{ + width: 100%; +} +.jqx-ribbon-item +{ + position: relative; + list-style-type: none; + padding: 5px; + border: 1px solid transparent; + box-sizing: border-box; + text-overflow: ellipsis; + cursor: default; + min-width: 10px; + vertical-align: top; +} +.jqx-ribbon-item-top, .jqx-ribbon-item-bottom +{ + height: 100%; + display: inline-block; + margin-left: 1px; + margin-right: 1px; +} +.jqx-ribbon-item-top +{ + margin-top: 1px; +} +.jqx-ribbon-item-bottom +{ + margin-top: -1px; +} +.jqx-ribbon-item-left, .jqx-ribbon-item-right +{ + width: 100%; + margin-top: 2px; +} +.jqx-ribbon-item-left +{ + margin-left: 1px; +} +.jqx-ribbon-item-right +{ + margin-left: -1px; +} +.jqx-ribbon-item-hover +{ + border-color: inherit; +} +.jqx-ribbon-item-top.jqx-ribbon-item-hover +{ + border-bottom-color: inherit !important; +} +.jqx-ribbon-item-bottom.jqx-ribbon-item-hover +{ + border-top-color: inherit !important; +} +.jqx-ribbon-item-left.jqx-ribbon-item-hover +{ + border-right-color: inherit !important; +} +.jqx-ribbon-item-right.jqx-ribbon-item-hover +{ + border-left-color: inherit !important; +} +.jqx-ribbon-item-selected +{ + border-color: inherit; +} +.jqx-ribbon-item-top.jqx-ribbon-item-selected +{ + border-bottom-color: transparent; +} +.jqx-ribbon-item-bottom.jqx-ribbon-item-selected +{ + border-top-color: transparent; +} +.jqx-ribbon-item-left.jqx-ribbon-item-selected +{ + border-right-color: transparent; +} +.jqx-ribbon-item-right.jqx-ribbon-item-selected +{ + border-left-color:transparent; +} +.jqx-ribbon-content +{ + background-image: none !important; + background-color: transparent !important; + box-sizing: border-box; +} +.jqx-ribbon-content-horizontal +{ + clear: both; + height: 100%; +} +.jqx-ribbon-content-vertical +{ + height: 100%; + width: 100%; + float: left; + border-width: 1px; +} +.jqx-ribbon-content-popup +{ + z-index:99999; + position: absolute; + border-left: none; +} +.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal +{ + width: 100%; + height: auto; +} +.jqx-ribbon-content-popup.jqx-ribbon-content-vertical +{ + width: auto; + height: 100%; +} +.jqx-ribbon-content-popup-top { + -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); +} +.jqx-ribbon-content-popup-bottom { + -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); + box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); +} +.jqx-ribbon-content-popup-left { + -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); +} +.jqx-ribbon-content-popup-right { + -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); + box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); +} + +.jqx-ribbon-content-auto-width +{ + width: auto; +} +.jqx-ribbon-content-section +{ + width: 100%; + height: 100%; + display: none; + border-width: 1px; + border-style: solid; + box-sizing: inherit; + overflow: auto; +} +.jqx-ribbon-content-section-top +{ + border-top: none; +} +.jqx-ribbon-content-section-bottom +{ + bottom: 0; + border-bottom: none; +} +.jqx-ribbon-content-section-left +{ + border-left: none; +} +.jqx-ribbon-content-section-right +{ + border-right: none; + right: 0; +} +.jqx-ribbon-content-section-popup +{ + position: relative; +} +.jqx-ribbon-content-section-horizontal-popup +{ + height: auto; +} +.jqx-ribbon-content-section-vertical-popup +{ + width: auto; +} +.jqx-ribbon-header-rtl +{ + text-align: right; +} +.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl +{ + direction: rtl; +} +.jqx-ribbon-item-rtl +{ + direction: rtl; +} +.jqx-ribbon-scrollbutton +{ + position: absolute; + display: none; + box-sizing: border-box; + cursor: pointer; + background-repeat: no-repeat !important; + background-position: center !important; + z-index: 0; +} +.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom +{ + width: 17px; +} +.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right +{ + height: 17px; +} +.jqx-ribbon-scrollbutton-top +{ + top: 1px; + border-bottom-width: 1px; + border-bottom-style: solid; +} +.jqx-ribbon-scrollbutton-bottom +{ + bottom: 1px; + border-top-width: 1px; + border-top-style: solid; +} +.jqx-ribbon-scrollbutton-left +{ + left: 1px; + border-right-width: 1px; + border-right-style: solid; +} +.jqx-ribbon-scrollbutton-right +{ + right: 1px; + border-left-width: 1px; + border-left-style: solid; +} +.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near +{ + left: 1px; + border-right-width: 1px; + border-right-style: solid; +} +.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far +{ + right: 18px; + border-left-width: 1px; + border-left-style: solid; +} +.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far +{ + right: 1px; + border-left-width: 1px; + border-left-style: solid; +} +.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near +{ + left: 18px; + border-right-width: 1px; + border-right-style: solid; +} +.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near +{ + top: 1px; + border-bottom-width: 1px; + border-bottom-style: solid; +} +.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far +{ + bottom: 18px; + border-top-width: 1px; + border-top-style: solid; +} +.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far +{ + bottom: 1px; + border-top-width: 1px; + border-top-style: solid; +} +.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near +{ + top: 18px; + border-bottom-width: 1px; + border-bottom-style: solid; +} +.jqx-ribbon-scrollbutton-inner +{ + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: center; +} +.jqx-ribbon-selection-token +{ + position: absolute; + z-index: 0; +} +.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom +{ + height: 1px; +} +.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right +{ + width: 1px; +} +.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content +{ + *display: inline; +} +.jqx-ribbon-content-left +{ + *float: none; +} +.jqx-ribbon-content-right +{ + *float: left; +} +.jqx-ribbon-content.jqx-ribbon-content-popup +{ + *left: 0; +} +.jqx-ribbon-content-popup .jqx-ribbon-content-section +{ + *overflow: visible; +} +.jqx-ribbon-content-section-popup +{ + *position: absolute; +} +.jqx-toolbar, .jqx-toolbar-minimized-popup-separator +{ + box-sizing: border-box; +} +.jqx-toolbar, .jqx-toolbar-minimized-popup +{ + padding: 5px; +} +.jqx-toolbar +{ + position: relative; + border-width: 1px; + border-style: solid; + overflow: hidden; +} +.jqx-toolbar-tool +{ + float: left; + margin-top: 0; + margin-bottom: 0; +} +.jqx-toolbar-tool-rtl +{ + float: right; +} +.jqx-toolbar-tool-no-separator-ltr +{ + margin-right: 2px !important; +} +.jqx-toolbar-tool-no-separator-rtl +{ + margin-left: 2px !important; +} +.jqx-toolbar-tool-separator-ltr +{ + margin-right: 6px !important; +} +.jqx-toolbar-tool-separator-rtl +{ + margin-left: 6px !important; +} +.jqx-toolbar-tool-inner-button +{ + margin-right: 0; + margin-left: 0; + border-radius: 0 !important; +} +.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup +{ + position: absolute; +} +.jqx-toolbar-minimized-button +{ + height: 100%; + right: 0; + cursor: pointer; + margin-top: -5px; + margin-right: 5px; + display: none; +} +.jqx-toolbar-minimized-button-rtl +{ + left: 0; + margin-left: 5px; + margin-right: 0; +} +.jqx-toolbar-minimized-popup +{ + border-width: 1px; + border-top-width: 0; + border-style: solid; + visibility: hidden; + z-index: 99999; +} +.jqx-toolbar-tool-minimized +{ + margin: 1px 0 !important; +} +.jqx-toolbar-minimized-popup-separator +{ + width: 100%; + height: 2px; + margin: 5px 0; + display: none; +} +.jqx-complex-input-spin-buttons-container +{ + border-width: 1px; + border-style: solid; + position: relative; + -webkit-box-sizing: border-box !important; + -moz-box-sizing: border-box !important; + box-sizing: border-box !important; + padding: 2px 8px !important; + white-space: nowrap; + vertical-align: middle; +} +.jqx-formatted-input, .jqx-complex-input +{ + padding-right: 2px !important; + text-align: right; +} +.jqx-formatted-input-lower-case, .jqx-complex-input +{ + text-transform: lowercase; +} +.jqx-formatted-input-upper-case +{ + text-transform: uppercase; +} +.jqx-formatted-input-item +{ + word-wrap: break-word; +} +.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl +{ + direction: rtl !important; +} +.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon +{ + height: 100%; +} +.jqx-formatted-input-spin-buttons-container +{ + width: 18px; + padding: 0 0 0 1px !important; + overflow: hidden; +} +.jqx-formatted-input-spin-buttons-container-rtl +{ + border-right-width: 0px; + padding: 0 0 0 2px !important; +} +.jqx-formatted-input-spin-buttons-container-rtl-border +{ + border-left-width: 1px !important; +} +.jqx-formatted-input-spin-button +{ + position: relative; + width: 17px; + height: 50%; + margin-left: -1px; + border-width: 0px; + padding: 0px; + overflow: hidden; + cursor: pointer; +} +.jqx-formatted-input-addon +{ + width: 19px; + padding: 0 !important; + cursor: pointer; +} +.jqx-formatted-input-addon-rtl +{ + border-right-width: 1px !important; +} +.jqx-complex-input-parent +{ + overflow: hidden; +} +.jqx-complex-input-child +{ + height: 100%; + float: left; + box-sizing: border-box; +} +.jqx-complex-input-child-rtl +{ + float: right; +} +.jqx-complex-input-spin-buttons-container-ltr +{ + border-left-width: 0; +} +.jqx-complex-input-spin-buttons-container-rtl +{ + border-left-width: 1px !important; + border-right-width: 0; +} +.jqx-file-upload +{ + position: relative; + overflow: auto; +} +.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload +{ + border-width: 1px; + border-style: solid; + box-sizing: border-box; +} +.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element +{ + display: none; +} +.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon +{ + width: 100%; +} +.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element +{ + height: 100%; +} +.jqx-file-input-iframe, .jqx-file-upload-form-ie9 +{ + position: absolute; +} +.jqx-file-input-iframe +{ + width: 0; + height: 0; + border: none; +} +.jqx-file-upload-form, .jqx-file-upload-file-input +{ + visibility: hidden; + display: none; +} +.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 +{ + display: block; + visibility: visible; +} +.jqx-file-upload-form-ie9 +{ + z-index: 10000; + opacity: 0; + filter: alpha(opacity=0); +} +.jqx-file-upload-file-name +{ + width: auto; + padding: 0 2px 0 2px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + *float: left; +} +.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element +{ + float: right; +} +.jqx-file-upload, .jqx-file-upload-file-row +{ + padding: 5px; +} +.jqx-file-upload-button-browse +{ + display: block; +} +.jqx-file-upload-buttons-container +{ + height: auto; + margin-top: 10px; +} +.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl +{ + direction: rtl !important; +} +.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl +{ + margin-left: 5px; +} +.jqx-file-upload-button-upload-rtl-ie +{ + margin-right: 5px; +} +.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie +{ + margin-left: 0; +} +.jqx-file-upload-file-row +{ + height: 30px; + margin-bottom: 3px; + clear: both; +} +.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element +{ + width: 17px; + margin: 0 1px 0 1px; +} +.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl +{ + float: none; + *float: left; +} +.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload +{ + cursor: pointer; + white-space:nowrap; +} +.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload +{ + display: inline-block; +} +.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element +{ + margin-top: 1px; +} +.jqx-file-upload-loading-element +{ + background-image: url('images/loader-small.gif'); + background-repeat: no-repeat; +} + +.jqx-date-time-input-popup .jqx-icon { + margin-top:0px; +} + + +.jqx-text-area-element +{ + height: 100%; + width: 100%; + overflow: hidden; + border: none; + outline: none; + left: 0px; + top: 0px; + margin: 0px; + position: absolute; + resize: none; +} +.jqx-text-area-element-rtl +{ + direction: rtl !important; +} +.jqx-responsive-panel +{ + overflow: auto; +} +.jqx-responsive-panel{ + border-width:0px; +} +.jqx-responsive-panel-button +{ + border-width: 1px; + border-style: solid; +} +.jqx-responsive-panel-button +{ + display: none; + cursor: pointer; +} +.jqx-responsive-panel-button-inner +{ + margin: 0; + width: 100%; + height: 100%; + background-position: center; +} +.jqx-loader +{ + margin: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-color: rgba(255,255,255,0.5); + z-index: 999; + border-style: solid; + border-width: 1px; +} +.jqx-loader-ie-transparency +{ + background: transparent; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/ +} +.jqx-loader-modal +{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + position: fixed; + height: 100%; + width: 100%; + z-index: 99; + cursor: default; + top: 0; + left: 0; + background-color: black; + opacity: 0.6; +} +.jqx-loader-icon +{ + background-image: url("images/loader.gif"); + background-repeat: no-repeat; + background-position: center; + width: 100%; + height: 100%; + position: absolute; + z-index: 999; +} +.jqx-loader-text +{ + z-index: 999; + position: relative; +} +.jqx-loader-text-left +{ + margin-left: 5px; + position: absolute; + top: 50%; +} +.jqx-loader-text-right +{ + margin-right: 5px; + position: absolute; + top: 50%; + right: 0px; +} +.jqx-loader-text-top +{ + text-align: center; + margin-top: 5px; +} +.jqx-loader-text-bottom +{ + bottom: 0px; + position: absolute; + text-align: center; + margin: 0 auto; + width: 100%; + margin-bottom: 5px; +} +.jqx-loader-rtl +{ + direction: rtl; +} +/* jqxLayout and jqxDockingLayout */ +.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content +{ + position: relative; +} +.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay +{ + position: absolute; +} +.jqx-layout +{ + background-color: #c5c5c5; +} +.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay +{ + width: 100%; + height: 100%; +} +.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal +{ + float: left; +} +.jqx-layout-group-tabbed +{ + position: static; + box-sizing: border-box; + min-height: 0 !important; +} +.jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content +{ + padding: 0; +} +.jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section +{ + border: none; +} +.jqx-layout-window +{ + position: static; +} +.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal +{ + overflow: auto; +} +.jqx-layout-group-auto-hide-content-vertical +{ + width: 150px; +} +.jqx-layout-group-auto-hide-content-horizontal +{ + width: 100%; + height: 150px; +} +.jqx-layout-pseudo-window +{ + border-width: 1px; + border-style: solid; + box-sizing: border-box; + box-shadow: none !important; +} +.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content +{ + width: 100%; + box-sizing: border-box; +} +.jqx-layout-pseudo-window-header +{ + height: 30px; +} +.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background +{ + width: 16px; + height: 16px; + top: 5px; +} +.jqx-layout-pseudo-window-pin-background-ltr +{ + right: 15px; +} +.jqx-layout-pseudo-window-close-background-ltr +{ + right: 0; +} +.jqx-layout-pseudo-window-pin-background-rtl +{ + left: 15px; +} +.jqx-layout-pseudo-window-close-background-rtl +{ + left: 0; +} +.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon +{ + cursor: pointer; +} +.jqx-layout-pseudo-window-title +{ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.jqx-layout-pseudo-window-pin-icon +{ + background-image: url("images/pin.png"); +} +.jqx-layout-pseudo-window-pinned-icon +{ + background-image: url("images/pinned.png"); +} +.jqx-layout-pseudo-window-title-rtl +{ + float: right; +} +.jqx-layout-resize-feedback +{ + z-index: 9999; + top: 0; + left: 0; + border-width: 1px; + border-style: solid; + box-sizing: border-box; + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + *filter: alpha(opacity=60); + display: none; +} +.jqx-layout-resize-feedback-horizontal +{ + width: 100%; + height: 4px; + cursor: row-resize; +} +.jqx-layout-resize-feedback-vertical +{ + width: 4px; + height: 100%; + cursor: col-resize; +} +.jqx-layout-resize-feedback-warning +{ + border-color: #800000 !important; + background-color: Red !important; +} +.jqx-layout-overlay +{ + top: 0; + left: 0; + display: none; + background-color: transparent; + z-index: 8999; + pointer-events: none; +} +.jqx-layout-ribbon-header-ltr +{ + padding-left: 20px; +} +.jqx-layout-ribbon-header-rtl +{ + padding-right: 20px; +} + +/* jqxDockingLayout-specific */ +.jqx-docking-layout-group-floating +{ + border-color: #FFD280 !important; +} +.jqx-docking-layout-group-floating .jqx-window-header +{ + border-color: #FFD280; + background-color: #FFD280 !important; + background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; + background: -o-linear-gradient(#FFE4B5, #FFD280) !important; + background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; + background: linear-gradient(#FFE4B5, #FFD280 ) !important; +} +.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { + z-index: 99999; + opacity: 0.9; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + *filter: alpha(opacity=90); +} +.jqx-docking-layout-overlay-square-edge { + display: none; +} +.jqx-docking-layout-overlay +{ + width: 100px; + height: 100px; + left: 100px; + top: 70px; +} +.jqx-docking-layout-overlay-section +{ + height: 33px; + width: 100px; +} +.jqx-docking-layout-overlay-square +{ + width: 26px; + height: 26px; + padding: 3px; +} +.jqx-docking-layout-overlay-square-invisible +{ + background-color: transparent !important; + background-image: none !important; +} +.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom +{ + border-top-width: 1px; + border-top-style: solid; +} +.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right +{ + border-left-width: 1px; + border-left-style: solid; +} +.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left +{ + border-right-width: 1px; + border-right-style: solid; +} +.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top +{ + border-bottom-width: 1px; + border-bottom-style: solid; +} +.jqx-docking-layout-overlay-square-center +{ + border-color: transparent !important; +} +.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical +{ + width: 24px; +} +.jqx-docking-layout-overlay-inner-square +{ + border-width: 1px; + border-style: solid; + height: 24px; +} +.jqx-docking-layout-overlay-inner-square-header +{ + height: 5px; +} +.jqx-docking-layout-overlay-inner-square-content +{ + height: 18px; +} +.jqx-docking-layout-overlay-highlight +{ +} +.jqx-docking-layout-overlay-highlight-top +{ + height: 9px; + border-bottom-style: dashed; +} +.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right +{ + width: 12px; + height: 18px; +} +.jqx-docking-layout-overlay-highlight-left +{ + border-right-style: dashed; +} +.jqx-docking-layout-overlay-highlight-right +{ + right: 0; + border-left-style: dashed; +} +.jqx-docking-layout-overlay-highlight-bottom +{ + bottom: 0; + height: 9px; + border-top-style: dashed; +} +.jqx-docking-layout-drop-overlay { + display: none; + background-color: #6495ED; + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + *filter: alpha(opacity=50); + z-index: 10000; + top: 0px; + left: 0px; +} +.jqx-docking-layout-square-disabled +{ + visibility: hidden; +} +.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical +{ + border-style: solid; + border-width: 1px; +} +.jqx-docking-layout-overlay-inner-square-edge +{ + width: 26px; + height: 26px; +} +.jqx-docking-layout-overlay-mini-window-edge-horizontal +{ + height: 24px; +} +.jqx-docking-layout-overlay-mini-window-edge-vertical +{ + height: 13px; +} +.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal +{ + width: 13px; +} +.jqx-docking-layout-overlay-inner-square-content-vertical +{ + height: 7px; +} +.jqx-docking-layout-overlay-square-edge-arrow +{ + border-style: solid; + border-width: 5px; + width: 0px; + height: 0px; + display: block; + background: transparent !important; + *filter: inherit; +} +.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top +{ + border-top-color: transparent !important; +} +.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom +{ + border-bottom-color: transparent !important; +} +.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom +{ + border-left-color: transparent !important; +} +.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom +{ + border-right-color: transparent !important; +} +.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right +{ + margin-top: 8px; +} +.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom +{ + margin-left: 8px; +} + +.jqx-tag-cloud ul { + padding-left: 5px; +} + +.jqx-tag-cloud-item{ + padding: 3px; + display:inline-block; +} + +.jqx-tag-cloud-item a { + text-decoration: initial; +} + +.jqx-tag-cloud-item a:hover { + text-decoration: underline; +} +.jqx-popover { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + background-color: #ffffff; + border: 1px solid #aaa; + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); +} +.jqx-popover-modal-background +{ + position:fixed; + left:0px; + top:0px; + width:100%; + height:100%; + z-index:999; + /* Fallback for web browsers that don't support RGBa */ + background-color: rgb(0, 0, 0); + /* RGBa with 0.6 opacity */ + background-color: rgba(0, 0, 0, 0.6); + /* For IE 5.5 - 7*/ + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + /* For IE 8*/ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +.jqx-popover-close-button { + width:16px; + height:16px; + float:right; +} +.jqx-popover-close-button-rtl { + float:left; +} +.jqx-popover.top { + margin-top: -10px; +} + +.jqx-popover.right { + margin-left: 10px; +} + +.jqx-popover.bottom { + margin-top: 10px; +} + +.jqx-popover.left { + margin-left: -10px; +} + +.jqx-popover-title { + padding: 8px 14px; + margin: 0; + border-bottom: 1px solid inherit; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} + +.jqx-popover-title:empty { + display: none; +} + +.jqx-popover-content { + padding: 9px 14px; +} + +.jqx-popover .jqx-popover-arrow, +.jqx-popover .jqx-popover-arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.jqx-popover .jqx-popover-arrow { + border-width: 11px; +} + +.jqx-popover .jqx-popover-arrow:after { + border-width: 10px; + content: ""; +} + +.jqx-popover.top .jqx-popover-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: inherit; + border-bottom-width: 0; +} + +.jqx-popover.top .jqx-popover-arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.jqx-popover.right .jqx-popover-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: inherit; + border-left-width: 0; +} + +.jqx-popover.right .jqx-popover-arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.jqx-popover.bottom .jqx-popover-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color:inherit; + border-top-width: 0; +} + +.jqx-popover.bottom .jqx-popover-arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.jqx-popover.left .jqx-popover-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; border-left-color: inherit; +} + +.jqx-popover.left .jqx-popover-arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + + +.jqx-kanban-full-frame { + width: 100vw; + height: 100vh; +} + +.jqx-kanban-in-frame { + width: 100%; + height: 100%; + box-sizing: border-box; +} + +.jqx-kanban-rtl { + direction: rtl; + text-align: right; +} + +.jqx-kanban-column { + box-sizing: border-box; + border-style: solid; + border-width: 1px 1px 1px 0px; + float: left; +} + +.jqx-kanban-column-collapsed { + width: 50px; +} + +.jqx-kanban-column-first { + border-width: 1px; +} + +.jqx-kanban-column:first-of-type { + border-width: 1px 1px 1px 1px; +} + +.jqx-kanban-column-selected { + /* background-color: blue;*/ +} + +.jqx-kanban-column-header-collapsed { /*vertical column invisible*/ + display: none; + box-sizing: border-box; + height: 0px; + width: 0px; + position: relative; + cursor: pointer; +} + +.jqx-kanban-column-header-collapsed-show { /*vertical column visible*/ + display: block !important; + height: 100%; + box-sizing: border-box; + width: 100%; + position: relative; + cursor: pointer; +} + +.jqx-kanban-column-vertical-container { + padding-top: 0px; + padding-left: 0px; + transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + white-space: nowrap; +} + +.jqx-kanban-column-vertical-container-inverse { + padding-top: 0px; + padding-left: 20px; + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + white-space: nowrap; +} +.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status{ + position:relative; +} + +.jqx-kanban-column-hide { /*colapsed*/ + display: none !important; +} + +.jqx-kanban-column-header { + border-width: 1px; + border-style: solid; + margin: 1px; + white-space: nowrap; + padding-left: 5px; + padding-right: 5px; + cursor: pointer; + overflow:hidden; + position: relative; +} +.jqx-kanban-column-header-button { + position: absolute; + right: 0px; + top: 50%; + margin-top: -8px; + width:16px; + height:16px; +} +.jqx-kanban-column-header .jqx-window-collapse-button { + margin-top:1px !important; +} +.jqx-kanban-column-header-custom-button { + position: absolute; + right: 20px; + top: 50%; + margin-top: -8px; + width:16px; + height:16px; +} +.jqx-kanban-column-header-custom-button-rtl { + left: 20px; +} +.jqx-kanban-column-header-button-rtl { + left: 0px; +} +.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button { + top: 100%; + right: 50%; + margin-top: -21px; + left: 50%; + margin-left:-8px; +} +.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button { + top: 100%; + right: 50%; + margin-top: -41px; + left: 50%; + margin-left:-8px; +} + +.jqx-kanban-column-container { + margin: 1px; + overflow-y: auto; +} + +.jqx-kanban-item-placeholder { + height: 100px; + border: gray dotted 1px; + border-radius: 3px; + margin: 5px; +} + +.jqx-kanban-column-vertical-container-inverse-ie8-fix { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} + +.jqx-kanban-column-vertical-container-ie8-fix { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} + +.jqx-kanban-item { + margin: 2px; + padding-top: 5px; + padding-bottom: 5px; + border-width: 1px; + border-style: solid; + border-color: inherit; + position: relative; + box-shadow: #ddd 2px 2px 3px; + cursor: pointer; + touch-action: none; + -ms-touch-action: none; +} + +.jqx-kanban-item-selected { +} + +.jqx-kanban-item-color-status { + background-color: #6bbd49; + width: 3px; + height: 100%; + position: absolute; + left: 0px; + top: 0px; +} +.jqx-kanban-item-color-status-rtl { + right:0px; + left:100%; +} +.jqx-kanban-item-text { + padding-left:6px; + padding-right:23px; + font-size: 14px; + padding-bottom:5px; + overflow:hidden; + text-overflow: ellipsis; +} +.jqx-kanban-rtl .jqx-kanban-item-text { + padding-right:6px; + padding-left:23px; +} +.jqx-kanban-column-header-title { +} + +.jqx-kanban-column-header-status { +} + +.jqx-kanban-item-content { + +} + +.jqx-kanban-item-avatar { + width: 22px; + height: 22px; + position: absolute; + right: 3px; + top: 3px; + background: #eee; + text-align: center; + overflow: hidden; +} +.jqx-kanban-item-avatar-rtl { + left: 3px; +} +.jqx-kanban-item-avatar-image { + width: 20px; + height: 20px; +} + +.jqx-kanban-item-avatar-image:hover { +} + +.jqx-kanban-item-footer { + border-top: 1px solid transparent; + border-color: inherit; + overflow: hidden; + padding-top: 5px; + margin-top: 5px; + padding-bottom:1px; + padding-left:6px; + padding-right:6px; +} + + +.jqx-kanban-item-keyword { + float: left; + margin:2px; + overflow: hidden; + text-overflow: ellipsis; + border: 1px solid transparent; + border-color:inherit; + padding-left:2px; + padding-right: 2px; + cursor: pointer; +} + +.jqx-kanban-item-keyword-rtl { + direction: rtl; + text-align: right; + float: right; +} + +.jqx-kanban-item-keyword:hover { +} + +.jqx-kanban-item-avatar { + height: 20px; +} + +.jqx-kanban-handle { + cursor: move; +} + +.jqx-kanban-clearing { + clear: both; +} +.jqx-sortable { + touch-action: none; + -ms-touch-action: none; +} + +.jqx-bar-gauge-tooltip { + position:absolute; + left:20px; + top:20px; + display:none; + padding: 6px 12px; + border:black solid 1px; + background-color: white; + color: #333333; + font-size: 11px; + font-weight:100; + font-family: Verdana; + border:black solid 1px; + border-radius:3px; + opacity: 1; + white-space: nowrap; + z-index:5; +} + +.jqx-bar-gauge-measure-text { + position: absolute; + top: 0; + right: 0; + visibility: hidden; + z-index:-99999; + margin:0px; + padding:0px; + border-width:0px; +} +.jqx-scrollbar-mobile { + background: transparent !important; +} + .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { + background: transparent !important; + border-color: transparent !important; + } +.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal{ + background: #808080 ! important; + border-color: #808080 !important; + border-width: 1px; + z-index:99999; + border-radius: 0px !important; +} + .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { + width: 4px ! important; + } + .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { + height: 4px !important; + } + + +.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { + background-image: url('images/icon-down-white.png'); +} +.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { + background-image: url('images/icon-down-white.png'); +} +.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { + background-image: url('images/icon-down-white.png'); +} +.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { + background-image: url('images/icon-up-white.png'); +} +.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { + background-image: url('images/icon-up-white.png'); +} +.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { + background-image: url('images/icon-up-white.png'); +} + +.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { + background-image: url('images/icon-right-white.png'); +} +.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { + background-image: url('images/icon-right-white.png'); +} +.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { + background-image: url('images/icon-right-white.png'); +} +.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { + background-image: url('images/icon-left-white.png'); +} +.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { + background-image: url('images/icon-left-white.png'); +} +.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { + background-image: url('images/icon-left-white.png'); +} +.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, +.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, +.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, +.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, +.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, +.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, +.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, +.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, +.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, +.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, +.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, +.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, +.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, +.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { + + background-color: #f5f5f5 !important; + color: #333 !important; + text-shadow: none !important; + border-color: #f5f5f5 !important; +} +.jqx-element { + overflow: hidden; + border-style: solid; + border-width: 0px; + border-color: transparent; + box-sizing:border-box; +} +.jqx-element-no-border { + border-width:0px; +} +.jqx-element-container { +} +.jqx-resize-trigger, .jqx-resize-trigger-shrink { + position: absolute; + left: 0; + top: 0; + transition: 0s +} +.jqx-resize-trigger-shrink { + width: 200%; + height: 200%; +} +.jqx-resize-trigger-container { + display: block; + visibility:hidden; + position: relative; + top: -100%; + left: 0; + min-height:0.1px; + height: 100%; + width: 100%; + overflow: hidden; + pointer-events: none; + z-index: -1; + visibility:hidden; +} + +/* jqxPivotGrid */ +.jqx-pivotgrid +{ + background-color: #DEDEDE; +} + +.jqx-pivotgrid-item +{ + white-space: nowrap; + overflow: hidden; + position: absolute; + padding: 0px; + text-overflow: ellipsis; +} + +.jqx-pivotgrid-content-wrapper +{ + align: left; + valign: top; + overflow: hidden; + border: solid 1px grey; +} + +.jqx-pivotgrid-menu-button +{ + border: none; + background-image: url('images/icon-menu-small.png'); + background-repeat: no-repeat; + background-position: center; + cursor: pointer; +} +.jqx-pivotgrid-expand-button +{ + outline: none; + background-image: url('images/icon_expand.png'); + background-repeat: no-repeat; + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; + position: relative; + left: 5px; + float: left; + vertical-align: middle; +} + +.jqx-pivotgrid-collapse-button +{ + outline: none; + background-image: url('images/icon_collapse.png'); + background-repeat: no-repeat; + cursor: pointer; + margin: 0 0 0 0; + padding: 0 0 0 0; + position: relative; + left: 5px; + float: left; + vertical-align: middle; +} + + +.jqx-pivotgrid-sortasc-icon + { + background-image: url('images/icon-sort-asc.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + +.jqx-pivotgrid-sortdesc-icon + { + background-image: url('images/icon-sort-desc.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + +.jqx-pivotgrid-sortremove-icon + { + background-image: url('images/icon-sort-remove.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + +.jqx-pivotgrid-settings-icon + { + background-image: url('images/icon-menu-small.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; + margin-left: -4px; + margin-right: 4px; + } + +jqx-bullet-chart{ + width:800px; + height:80px; +} +jqx-scroll-view{ + width:600px; +} +jqx-bar-gauge, jqx-draw { + width: 850px; + height: 600px; +} +jqx-menu { + width:600px; +} +jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban { + width: 850px; +} +jqx-nav-bar { + height:50px; +} +jqx-chart{ + width: 850px; + height: 400px; +} +jqx-docking-layout, jqx-layout { + width: 850px; + height: 600px; +} +jqx-ribbon, jqx-panel{ + width: 450px; + height: 300px; +} +jqx-scheduler { + height: 600px; +} +jqx-list-box, jqx-text-area{ + width: 200px; + height: 200px; +} +jqx-file-upload { + width: 300px; +} +jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider, +jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button{ + width: 300px; + height: 35px; +} +jqx-loader{ + width:100px !important; + height:60px !important; +} +jqx-expander, jqx-navigation-bar { + width:350px; +} +jqx-navigation-bar{ + height:450px; +} +jqx-range-selector{ + width:600px; +} +jqx-tabs{ + width:800px; +} +jqx-tool-bar { + width:800px; + height: 35px; +} +jqx-editor { + width: 600px; + height: 400px; +} +jqx-tree-map{ + width: 850px; + height: 600px; +} +jqx-tree{ + width:250px; +} +jqx-linear-gauge{ + width:100px; +} +jqx-color-picker, jqx-calendar{ + width: 200px; + height: 200px; +} +jqx-scroll-bar { + width:400px; + height:20px; +} +jqx-knob { + width:600px; + height:600px; +} +.jqx-input-label { + visibility:hidden; + position: absolute; +} +.jqx-input-bar{ + visibility:hidden; + position: absolute; +} +.jqx-info-icon +{ + background-image: url('images/icon-info-small.png'); + background-repeat: no-repeat; + background-position: left center; + width: 16px; + height: 16px; + float: left; +} \ No newline at end of file