--- a/www-thermferm/jqwidgets/styles/jqx.base.css Fri May 19 16:34:21 2017 +0200 +++ b/www-thermferm/jqwidgets/styles/jqx.base.css Sun May 28 14:19:57 2017 +0200 @@ -124,9 +124,7 @@ .jqx-disableselect { -webkit-user-select: none; - -khtml-user-select: none; -moz-user-select: none; - -o-user-select: none; user-select: none; -ms-user-select:none; -webkit-touch-callout:none; @@ -134,9 +132,7 @@ } .jqx-enableselect { -webkit-user-select: text; - -khtml-user-select: text; -moz-user-select: text; - -o-user-select: auto; -ms-user-select:text; user-select:all; } @@ -187,7 +183,11 @@ 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, @@ -251,7 +251,10 @@ outline: none; font-weight: normal !important; } - +.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 { @@ -443,7 +446,7 @@ cursor: pointer; } /*applied to the groups header area.*/ - .jqx-grid-groups-header, .jqx-grid-toolbar { + .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #aaa; @@ -529,6 +532,29 @@ .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; @@ -571,7 +597,7 @@ .jqx-grid-cell-wrap {white-space: normal !important;} .jqx-tree-grid-indent { - width: 14px; + width: 15px; display: inline-block; height: 8px; overflow: hidden; @@ -586,11 +612,11 @@ } .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { display: inline-block; - margin-top: 2px; + margin-top: 0px; margin-right: 0px; position: relative; - width: 14px; - height: 13px; + width: 15px; + height: 16px; vertical-align: top; } .jqx-tree-grid-checkbox { @@ -622,8 +648,8 @@ height: 100%; } .jqx-tree-grid-expand-button { - height: 10px; - width: 14px; + height: 16px; + width: 15px; vertical-align: top; } @@ -801,6 +827,7 @@ /*jqxProgresBar Style*/ .jqx-progressbar { + position: relative; overflow: hidden; outline: none; border: 1px solid transparent; @@ -1409,6 +1436,7 @@ 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 { @@ -1634,6 +1662,7 @@ /*jqxCheckBox*/ .jqx-checkbox { + overflow:hidden; text-align: left; border: none; outline: none; @@ -1727,6 +1756,7 @@ /*jqxRadioButton*/ .jqx-radiobutton { + overflow:hidden; text-overflow: ellipsis; border: none; outline: none; @@ -2018,6 +2048,14 @@ 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; @@ -2547,6 +2585,7 @@ 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 @@ -2568,6 +2607,7 @@ 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 @@ -2688,6 +2728,8 @@ { 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 @@ -2733,6 +2775,7 @@ } .jqx-slider-button { + cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; @@ -2903,6 +2946,7 @@ .jqx-switchbutton { + outline: none; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; @@ -2939,13 +2983,13 @@ .jqx-left-arrow { background: transparent; - background-image: url('icon-left.png'); + background-image: url('images/icon-left.png'); cursor: pointer; } .jqx-right-arrow { background: transparent; - background-image: url('icon-right.png'); + background-image: url('images/icon-right.png'); cursor: pointer; } .jqx-icon-delete @@ -2984,6 +3028,7 @@ 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'); @@ -3064,6 +3109,9 @@ background-repeat: no-repeat; background-position: center; } +.jqx-icon-close-white { + background-image: url(images/close_white.png); + } .jqx-icon-close-hover { cursor: pointer; @@ -3091,6 +3139,18 @@ 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 { @@ -3120,7 +3180,7 @@ margin-top: -7.5px !important; } /*applied to Inputs*/ -.jqx-input{-webkit-user-modify:inherit; -moz-user-modify: inherit; overflow: hidden; background-color: inherit; border-color: #c7c7c7;} +.jqx-input{overflow: hidden; background-color: inherit; border-color: #c7c7c7;} .jqx-input-invalid { color: red !important; } @@ -3353,6 +3413,388 @@ 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-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: 72%; +} +.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;} @@ -3429,6 +3871,8 @@ border-style: solid; font-size: 13px; padding: 0px; + padding-left:3px; + padding-right: 3px; } .jqx-input::-ms-reveal { display: none; @@ -3661,7 +4105,6 @@ { -moz-border-radius: 10px; -webkit-border-radius: 10px; - -o-border-radius: 10px; border-radius: 10px; padding: 6px 10px; } @@ -3757,13 +4200,11 @@ .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; - -o-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; - -o-box-shadow : none !important; box-shadow : none !important; } .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl @@ -4160,18 +4601,58 @@ 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: #49afcd !important; - *background-color: #2f96b4 !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #5bc0de, #2f96b4) !important; - border-left-color: #2f96b4 !important; - border-right-color: #2f96b4 !important; - border-top-color: #2f96b4 !important; - border-bottom-color: #1f6377 !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, @@ -4180,28 +4661,26 @@ .jqx-info.disabled, .jqx-info[disabled] { color: #ffffff !important; - background-color: #2f96b4 !important; - *background-color: #2a85a0 !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: #24748c \9 !important; - background-image: linear-gradient(to bottom, #5bc0de, #24748c) !important; + 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: #faa732 !important; - *background-color: #f89406 !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #fbb450, #f89406) !important; - border-left-color: #f89406 !important; - border-right-color: #f89406 !important; - border-top-color: #f89406 !important; - border-bottom-color: #ad6704 !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, @@ -4210,28 +4689,27 @@ .jqx-warning.disabled, .jqx-warning[disabled] { color: #ffffff !important; - background-color: #f89406 !important; - *background-color: #df8505 !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: #c67605 \9 !important; - background-image: linear-gradient(to bottom, #fbb450, #c67605) !important; + 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: #5bb75b !important; - *background-color: #51a351 !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #62c462, #51a351) !important; - border-left-color: #51a351 !important; - border-right-color: #51a351 !important; - border-top-color: #51a351 !important; - border-bottom-color: #387038 !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, @@ -4240,27 +4718,26 @@ .jqx-success.disabled, .jqx-success[disabled] { color: #ffffff !important; - background-color: #51a351 !important; - *background-color: #499249 !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: #408140 !important; - background-image: linear-gradient(to bottom, #62c462, #408140) !important; + 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: #da4f49 !important; - *background-color: #bd362f !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important; - border-left-color: #bd362f !important; - border-right-color: #bd362f !important; - border-top-color: #bd362f !important; - border-bottom-color: #802420 !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, @@ -4269,27 +4746,26 @@ .jqx-danger.disabled, .jqx-danger[disabled] { color: #ffffff !important; - background-color: #bd362f !important; - *background-color: #a9302a !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: #942a25 !important; - background-image: linear-gradient(to bottom, #ee5f5b, #942a25) !important; + 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: #006dcc !important; - *background-color: #0044cc !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important; - border-left-color: #0044cc !important; - border-right-color: #0044cc !important; - border-top-color: #0044cc !important; - border-bottom-color: #002a80 !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, @@ -4298,15 +4774,14 @@ .jqx-primary.disabled, .jqx-primary[disabled] { color: #ffffff !important; - background-color: #0044cc !important; - *background-color: #003bb3 !important; + background-color: #286090 !important; + *background-color: #286090 !important; } .jqx-fill-state-pressed.jqx-primary, .jqx-primary:active, .jqx-primary.active { - background-color: #003399 !important; - background-image: linear-gradient(to bottom, #0088cc, #003399) !important; + background-color: #204d74 !important; } .jqx-notification-time, .jqx-inverse { @@ -4314,8 +4789,6 @@ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #363636 !important; *background-color: #222222 !important; - background-repeat: repeat-x !important; - background-image: linear-gradient(to bottom, #444444, #222222) !important; border-left-color: #222222 !important; border-right-color: #222222 !important; border-top-color: #222222 !important; @@ -4336,7 +4809,7 @@ .jqx-inverse:active, .jqx-inverse.active { background-color: #080808 !important; - background-image: linear-gradient(to bottom, #444444, #080808) !important; + background-image: linear-gradient(to bottom, #444444, #444444) !important; } .jqx-link, .jqx-link:active, @@ -4459,44 +4932,45 @@ 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 { + 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; - padding: 0px 12px; - border-width:0px; - float: left; - min-height: 1px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; + 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; -} + float:right; +} .jqx-ribbon { position: relative; @@ -4758,7 +5232,7 @@ cursor: pointer; background-repeat: no-repeat !important; background-position: center !important; - z-index: 1000; + z-index: 0; } .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom { @@ -4850,7 +5324,7 @@ .jqx-ribbon-selection-token { position: absolute; - z-index: 1000; + z-index: 0; } .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom { @@ -5190,52 +5664,1138 @@ background-image: url('images/loader-small.gif'); background-repeat: no-repeat; } -.jqx-scheduler .jqx-cell { - padding: 0px !important; -} -.jqx-scheduler-month-cell { - background: #f2f2f2; - opacity: 0.8; + +.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, .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; +} +.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; - border-bottom-color: inherit; - vertical-align: top; - text-align: left; -} -.jqx-scheduler-month-cell-popup { - border: 1px solid #333; - background: #f2f2f2; - box-shadow: 0 5px 0px rgba(0,0,0,.15)!important; -} -.jqx-scheduler-other-month-cell -{ - color: #555; -} - -.jqx-scheduler-time-column { - background-image: none !important; - background: #e8e8e8 !important; - color: #333 !important; -} -.jqx-scheduler-appointment { +} +.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; - border: 1px solid #555; - white-space:pre-line; - cursor:pointer; -} -.jqx-scheduler-feedback-appointment { - opacity: 0.8; - position:absolute; +} +.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; -} -.jqx-scheduler-selected-appointment { + 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: 1px solid #000; - -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-feedback-drag-appointment { - background: #aaa !important; + border-style: solid; + border-width: 1px; + border-color: #c7c7c7; +} +.jqx-element-no-border { + border-width:0px; +} +.jqx-element-container { + border-width: 0px !important; +} +.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; } \ No newline at end of file