Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/jqwidgets/styles/jqx.base.css
www-thermferm/jqwidgets/styles/jqx.base.css
- changeset 709
- 5b6d7b640e52
- parent 708
- 13555c27b592
- child 710
- abe60578d695
equal
deleted
inserted
replaced
| 708:13555c27b592 | 709:5b6d7b640e52 |
|---|---|
| 1 :root { | |
| 2 --jqx-grid-row-height: 36px; | |
| 3 --jqx-grid-column-height: 48px; | |
| 4 --jqx-grid-show-column-lines: 1; | |
| 5 --jqx-list-item-height: -1; | |
| 6 --jqx-grid-filter-menu-items-height: 30px; | |
| 7 --jqx-dropdown-animation: transform; | |
| 8 --jqx-datetimeinput-dropdown-height: 280px; | |
| 9 --jqx-datetimeinput-dropdown-width: 280px; | |
| 10 --jqx-calendar-header-height: 40px; | |
| 11 --jqx-calendar-title-height: 49px; | |
| 12 --jqx-icon-calendar: '\e829'; /* Code of calendar icon */ | |
| 13 --jqx-icon-filter: '\f0b0'; /* Code of filter icon */ | |
| 14 --jqx-icon-menu: '\f0c9'; /* Code of menu icon */ | |
| 15 --jqx-icon-check: '\e908'; /* Code of check icon */ | |
| 16 --jqx-icon-first-page: '\e900'; /* Code of first page icon */ | |
| 17 --jqx-icon-arrow-down: '\e901'; /* Code of down arrow icon */ | |
| 18 --jqx-icon-arrow-left: '\e902'; /* Code of left arrow icon */ | |
| 19 --jqx-icon-arrow-right: '\e903'; /* Code of right arrow icon */ | |
| 20 --jqx-icon-arrow-up: '\e904'; /* Code of up arrow icon */ | |
| 21 --jqx-icon-arrow-down-filled: '\e812'; /* Code of filled down arrow icon */ | |
| 22 --jqx-icon-arrow-left-filled: '\e816'; /* Code of filled left arrow icon */ | |
| 23 --jqx-icon-arrow-right-filled: '\e81e'; /* Code of filled right arrow icon */ | |
| 24 --jqx-icon-arrow-up-filled: '\e815'; /* Code of filled up arrow icon */ | |
| 25 --jqx-icon-visibility: '\e90d'; /* Code of visibility icon */ | |
| 26 --jqx-icon-visibility-off: '\e90e'; /* Code of visibility off icon */ | |
| 27 --jqx-icon-last-page: '\e905'; /* Code of last page icon */ | |
| 28 --jqx-icon-close: '\e80d'; /* Code of close icon */ | |
| 29 --jqx-icon-search: '\e828'; /* Code of search icon */ | |
| 30 --jqx-border-radius: 4px; | |
| 31 --jqx-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 32 --jqx-font-size: 14px; | |
| 33 --jqx-action-button-size: 25px; | |
| 34 } | |
| 35 | |
| 36 /*Rounded Corners*/ | |
| 37 /*top-left rounded Corners*/ | |
| 38 .jqx-rc-tl { | |
| 39 -moz-border-radius-topleft: 3px; | |
| 40 -webkit-border-top-left-radius: 3px; | |
| 41 border-top-left-radius: 3px; | |
| 42 } | |
| 43 /*top-right rounded Corners*/ | |
| 44 .jqx-rc-tr { | |
| 45 -moz-border-radius-topright: 3px; | |
| 46 -webkit-border-top-right-radius: 3px; | |
| 47 border-top-right-radius: 3px; | |
| 48 } | |
| 49 /*bottom-left rounded Corners*/ | |
| 50 .jqx-rc-bl { | |
| 51 -moz-border-radius-bottomleft: 3px; | |
| 52 -webkit-border-bottom-left-radius: 3px; | |
| 53 border-bottom-left-radius: 3px; | |
| 54 } | |
| 55 /*bottom-right rounded Corners*/ | |
| 56 .jqx-rc-br { | |
| 57 -moz-border-radius-bottomright: 3px; | |
| 58 -webkit-border-bottom-right-radius: 3px; | |
| 59 border-bottom-right-radius: 3px; | |
| 60 } | |
| 61 /*top rounded Corners*/ | |
| 62 .jqx-rc-t { | |
| 63 -moz-border-radius-topleft: 3px; | |
| 64 -webkit-border-top-left-radius: 3px; | |
| 65 border-top-left-radius: 3px; | |
| 66 -moz-border-radius-topright: 3px; | |
| 67 -webkit-border-top-right-radius: 3px; | |
| 68 border-top-right-radius: 3px; | |
| 69 } | |
| 70 /*bottom rounded Corners*/ | |
| 71 .jqx-rc-b { | |
| 72 -moz-border-radius-bottomleft: 3px; | |
| 73 -webkit-border-bottom-left-radius: 3px; | |
| 74 border-bottom-left-radius: 3px; | |
| 75 -moz-border-radius-bottomright: 3px; | |
| 76 -webkit-border-bottom-right-radius: 3px; | |
| 77 border-bottom-right-radius: 3px; | |
| 78 } | |
| 79 /*right rounded Corners*/ | |
| 80 .jqx-rc-r { | |
| 81 -moz-border-radius-topright: 3px; | |
| 82 -webkit-border-top-right-radius: 3px; | |
| 83 border-top-right-radius: 3px; | |
| 84 -moz-border-radius-bottomright: 3px; | |
| 85 -webkit-border-bottom-right-radius: 3px; | |
| 86 border-bottom-right-radius: 3px; | |
| 87 } | |
| 88 /*left rounded Corners*/ | |
| 89 .jqx-rc-l { | |
| 90 -moz-border-radius-topleft: 3px; | |
| 91 -webkit-border-top-left-radius: 3px; | |
| 92 border-top-left-radius: 3px; | |
| 93 -moz-border-radius-bottomleft: 3px; | |
| 94 -webkit-border-bottom-left-radius: 3px; | |
| 95 border-bottom-left-radius: 3px; | |
| 96 } | |
| 97 /*all rounded Corners*/ | |
| 98 .jqx-rc-all { | |
| 99 -moz-border-radius: 3px; | |
| 100 -webkit-border-radius: 3px; | |
| 101 border-radius: 3px; | |
| 102 } | |
| 103 /*reset rounded corners*/ | |
| 104 .jqx-rc-reset { | |
| 105 -moz-border-radius: 0px !important; | |
| 106 -webkit-border-radius: 0px !important; | |
| 107 border-radius: 0px !important; | |
| 108 } | |
| 109 | |
| 110 /*Reset Style*/ | |
| 111 .jqx-reset { | |
| 112 padding: 0; | |
| 113 margin: 0; | |
| 114 border: none; | |
| 115 background: transparent; | |
| 116 outline: none; | |
| 117 box-sizing: content-box; | |
| 118 } | |
| 119 | |
| 120 .jqx-clear { | |
| 121 align: left; | |
| 122 valign: top; | |
| 123 left: 0px; | |
| 124 top: 0px; | |
| 125 -webkit-appearance: none !important; | |
| 126 outline: none !important; | |
| 127 padding: 0px; | |
| 128 margin: 0px; | |
| 129 } | |
| 130 | |
| 131 .jqx-popup { | |
| 132 box-sizing: content-box; | |
| 133 } | |
| 134 | |
| 135 .jqx-position-reset { | |
| 136 position: static !important; | |
| 137 } | |
| 138 | |
| 139 .jqx-border-reset { | |
| 140 border: none !important; | |
| 141 } | |
| 142 | |
| 143 .jqx-overflow-hidden { | |
| 144 overflow: hidden !important; | |
| 145 } | |
| 146 | |
| 147 .jqx-position-relative { | |
| 148 position: relative !important; | |
| 149 } | |
| 150 | |
| 151 .jqx-position-absolute { | |
| 152 position: absolute !important; | |
| 153 } | |
| 154 | |
| 155 .jqx-max-size { | |
| 156 width: 100% !important; | |
| 157 height: 100% !important; | |
| 158 } | |
| 159 | |
| 160 .jqx-background-reset { | |
| 161 background: transparent !important; | |
| 162 } | |
| 163 /*Disable browser selection*/ | |
| 164 .jqx-disableselect { | |
| 165 -webkit-user-select: none; | |
| 166 -moz-user-select: none; | |
| 167 user-select: none; | |
| 168 -ms-user-select: none; | |
| 169 -webkit-touch-callout: none; | |
| 170 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 171 } | |
| 172 | |
| 173 .jqx-enableselect { | |
| 174 -webkit-user-select: text; | |
| 175 -moz-user-select: text; | |
| 176 -ms-user-select: text; | |
| 177 user-select: all; | |
| 178 } | |
| 179 | |
| 180 .jqx-hideborder { | |
| 181 border: none !important; | |
| 182 } | |
| 183 | |
| 184 .jqx-hidescrollbars { | |
| 185 overflow: hidden !important; | |
| 186 } | |
| 187 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ | |
| 188 .jqx-button { | |
| 189 outline: none; | |
| 190 border: 1px solid transparent; | |
| 191 padding: 5px; | |
| 192 text-align: center; | |
| 193 vertical-align: central; | |
| 194 margin: 0 0 0 0; | |
| 195 cursor: default; | |
| 196 } | |
| 197 .jqx-button[aria-disabled="true"] { | |
| 198 pointer-events:none; | |
| 199 } | |
| 200 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { | |
| 201 box-sizing: border-box !important; | |
| 202 -moz-box-sizing: border-box !important; | |
| 203 } | |
| 204 | |
| 205 .jqx-buttongroup { | |
| 206 } | |
| 207 | |
| 208 .jqx-group-button-normal { | |
| 209 vertical-align: middle; | |
| 210 text-align: center; | |
| 211 } | |
| 212 /*applied to the link button's anchor element.*/ | |
| 213 .jqx-link { | |
| 214 text-decoration: none; | |
| 215 color: #111111; | |
| 216 } | |
| 217 | |
| 218 /*shows elements.*/ | |
| 219 .jqx-visible { | |
| 220 display: block; | |
| 221 } | |
| 222 /*hides elements.*/ | |
| 223 .jqx-hidden { | |
| 224 display: none; | |
| 225 } | |
| 226 | |
| 227 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { | |
| 228 line-height: 1.231; | |
| 229 } | |
| 230 /*jqxGauge Style*/ | |
| 231 .jqx-gauge-label, .jqx-gauge-caption { | |
| 232 fill: #333333; | |
| 233 color: #333333; | |
| 234 font-size: 11px; | |
| 235 font-family: Verdana; | |
| 236 } | |
| 237 | |
| 238 .jqx-knob { | |
| 239 text-align: center; | |
| 240 } | |
| 241 /*jqxChart Style*/ | |
| 242 .jqx-knob-label, | |
| 243 .jqx-chart-axis-text, | |
| 244 .jqx-chart-label-text, | |
| 245 .jqx-chart-tooltip-text, | |
| 246 .jqx-chart-legend-text { | |
| 247 fill: #333333; | |
| 248 color: #333333; | |
| 249 font-size: 11px; | |
| 250 font-family: Verdana; | |
| 251 } | |
| 252 | |
| 253 .jqx-chart-axis-description { | |
| 254 fill: #555555; | |
| 255 color: #555555; | |
| 256 font-size: 11px; | |
| 257 font-family: Verdana; | |
| 258 } | |
| 259 | |
| 260 .jqx-chart-title-text { | |
| 261 fill: #111111; | |
| 262 color: #111111; | |
| 263 font-size: 14px; | |
| 264 font-weight: bold; | |
| 265 font-family: Verdana; | |
| 266 } | |
| 267 | |
| 268 .jqx-chart-title-description { | |
| 269 fill: #111111; | |
| 270 color: #111111; | |
| 271 font-size: 12px; | |
| 272 font-weight: normal; | |
| 273 font-family: Verdana; | |
| 274 } | |
| 275 | |
| 276 /*applied to the Grid's element.*/ | |
| 277 .jqx-grid { | |
| 278 overflow: hidden; | |
| 279 border-style: solid; | |
| 280 border-width: 1px; | |
| 281 } | |
| 282 | |
| 283 .jqx-grid .jqx-adaptive-table { | |
| 284 border-collapse: collapse; | |
| 285 border: none; | |
| 286 width: 100%; | |
| 287 } | |
| 288 | |
| 289 .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { | |
| 290 border-bottom: 1px solid #ddd; | |
| 291 padding: 8px; | |
| 292 overflow: auto; | |
| 293 } | |
| 294 | |
| 295 .jqx-grid .jqx-adaptive-table tr:nth-child(even) { | |
| 296 background-color: #f2f2f2; | |
| 297 } | |
| 298 | |
| 299 .jqx-grid .jqx-adaptive-table th { | |
| 300 padding-top: 12px; | |
| 301 padding-bottom: 12px; | |
| 302 text-align: left; | |
| 303 background-color: #4CAF50; | |
| 304 color: white; | |
| 305 } | |
| 306 | |
| 307 .jqx-grid .jqx-adaptive-view a { | |
| 308 padding: 10px; | |
| 309 text-decoration: none; | |
| 310 color: orangered; | |
| 311 } | |
| 312 | |
| 313 /*applied to the Pager.*/ | |
| 314 .jqx-grid-pager { | |
| 315 border: none; | |
| 316 border-top: 1px solid transparent; | |
| 317 } | |
| 318 /*applied to the Top Pager.*/ | |
| 319 .jqx-grid-pager-top { | |
| 320 border: none; | |
| 321 border-bottom: 1px solid transparent; | |
| 322 } | |
| 323 | |
| 324 .jqx-grid-pager-number { | |
| 325 padding: 2px 5px; | |
| 326 text-decoration: none; | |
| 327 margin: 1px; | |
| 328 border: 1px solid transparent; | |
| 329 color: inherit !important; | |
| 330 outline: none; | |
| 331 font-weight: normal !important; | |
| 332 line-height: 14px; | |
| 333 } | |
| 334 | |
| 335 .jqx-grid-menu-item-touch { | |
| 336 padding-top: 6px !important; | |
| 337 padding-bottom: 6px !important; | |
| 338 } | |
| 339 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ | |
| 340 .jqx-grid-bottomright { | |
| 341 } | |
| 342 /*applied to the Grid's header area.*/ | |
| 343 .jqx-grid-header { | |
| 344 border-style: solid; | |
| 345 border-width: 0px 0px 1px 0px; | |
| 346 overflow: hidden; | |
| 347 border-color: transparent; | |
| 348 margin: 0px; | |
| 349 padding: 0px; | |
| 350 } | |
| 351 /*applied to the columns.*/ | |
| 352 .jqx-grid-column-header, .jqx-grid-columngroup-header { | |
| 353 border-style: solid; | |
| 354 border-width: 0px 1px 0px 0px; | |
| 355 border-color: transparent; | |
| 356 white-space: nowrap; | |
| 357 border-style: solid; | |
| 358 font-weight: normal; | |
| 359 overflow: hidden; | |
| 360 text-align: left; | |
| 361 padding: 0px; | |
| 362 margin: 0px; | |
| 363 } | |
| 364 | |
| 365 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { | |
| 366 border-width: 0px 0px 0px 1px; | |
| 367 } | |
| 368 | |
| 369 .jqx-grid-columngroup-header { | |
| 370 border-bottom-width: 1px; | |
| 371 border-left-width: 1px; | |
| 372 } | |
| 373 /*applied to the column's button.*/ | |
| 374 .jqx-grid-column-menubutton { | |
| 375 border-style: solid; | |
| 376 border-width: 0px 0px 0px 1px; | |
| 377 border-color: transparent; | |
| 378 background-image: url('images/icon-menu-small.png') !important; | |
| 379 background-repeat: no-repeat; | |
| 380 background-position: center !important; | |
| 381 cursor: pointer; | |
| 382 } | |
| 383 | |
| 384 .jqx-grid-column-menubutton-rtl { | |
| 385 border-width: 0px 1px 0px 0px; | |
| 386 } | |
| 387 /*applied to the column's sort button when the sort order is ascending.*/ | |
| 388 .jqx-grid-column-sortascbutton { | |
| 389 border: none; | |
| 390 background-image: url('images/sortascbutton.png'); | |
| 391 background-repeat: no-repeat; | |
| 392 background-position: center; | |
| 393 cursor: pointer; | |
| 394 } | |
| 395 /*applied to the column's sort button when the sort order is descending.*/ | |
| 396 .jqx-grid-column-sortdescbutton { | |
| 397 border: none; | |
| 398 background-image: url('images/sortdescbutton.png'); | |
| 399 background-repeat: no-repeat; | |
| 400 background-position: center; | |
| 401 cursor: pointer; | |
| 402 } | |
| 403 /*applied to the column's filter button.*/ | |
| 404 .jqx-grid-column-filterbutton { | |
| 405 border: none; | |
| 406 background-image: url('images/filter.png'); | |
| 407 background-repeat: no-repeat; | |
| 408 background-position: center; | |
| 409 margin-top: 1px; | |
| 410 } | |
| 411 /*applied to the column's resize line.*/ | |
| 412 .jqx-grid-column-resizeline { | |
| 413 border-right: 1px dotted #555; | |
| 414 } | |
| 415 /*applied to the validation popup during cell editing.*/ | |
| 416 .jqx-grid-validation { | |
| 417 background: #df2227 !important; | |
| 418 color: #fff !important; | |
| 419 padding: 4px 8px; | |
| 420 } | |
| 421 | |
| 422 .jqx-grid-validation-label { | |
| 423 color: #fff !important; | |
| 424 background: #df2227 !important; | |
| 425 border: 1px solid #df2227 !important; | |
| 426 } | |
| 427 | |
| 428 .jqx-grid-validation-arrow-up { | |
| 429 background-image: url('images/red_arrow_up.png'); | |
| 430 background-repeat: no-repeat; | |
| 431 background-position: center center; | |
| 432 } | |
| 433 | |
| 434 .jqx-grid-validation-arrow-down { | |
| 435 background-image: url('images/red_arrow_down.png'); | |
| 436 background-repeat: no-repeat; | |
| 437 background-position: center center; | |
| 438 } | |
| 439 /*applied to the column's resize start line.*/ | |
| 440 .jqx-grid-column-resizestartline { | |
| 441 border-right: 1px solid #444; | |
| 442 } | |
| 443 /*applied to the sort ascending menu item in the Grid's Context Menu*/ | |
| 444 .jqx-grid-sortasc-icon { | |
| 445 background-image: url('images/icon-sort-asc.png'); | |
| 446 background-repeat: no-repeat; | |
| 447 background-position: left center; | |
| 448 width: 16px; | |
| 449 height: 16px; | |
| 450 float: left; | |
| 451 margin-left: -4px; | |
| 452 margin-right: 4px; | |
| 453 } | |
| 454 /*applied to the sort ascending menu item in the Grid's Context Menu*/ | |
| 455 .jqx-grid-sortdesc-icon { | |
| 456 background-image: url('images/icon-sort-desc.png'); | |
| 457 background-repeat: no-repeat; | |
| 458 background-position: left center; | |
| 459 width: 16px; | |
| 460 height: 16px; | |
| 461 float: left; | |
| 462 margin-left: -4px; | |
| 463 margin-right: 4px; | |
| 464 } | |
| 465 /*applied to the grid menu's sort remove item/*/ | |
| 466 .jqx-grid-sortremove-icon { | |
| 467 background-image: url('images/icon-sort-remove.png'); | |
| 468 background-repeat: no-repeat; | |
| 469 background-position: left center; | |
| 470 width: 16px; | |
| 471 height: 16px; | |
| 472 float: left; | |
| 473 margin-left: -4px; | |
| 474 margin-right: 4px; | |
| 475 } | |
| 476 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ | |
| 477 .jqx-grid-drag-icon { | |
| 478 background-image: url('images/drag.png'); | |
| 479 background-repeat: no-repeat; | |
| 480 background-position: left center; | |
| 481 width: 16px; | |
| 482 height: 16px; | |
| 483 } | |
| 484 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ | |
| 485 .jqx-grid-dragcancel-icon { | |
| 486 background-image: url('images/dragcancel.png'); | |
| 487 background-repeat: no-repeat; | |
| 488 background-position: left center; | |
| 489 width: 16px; | |
| 490 height: 16px; | |
| 491 } | |
| 492 /*applied to the 'group by' menu item.*/ | |
| 493 .jqx-grid-groupby-icon { | |
| 494 background-repeat: no-repeat; | |
| 495 background-position: left center; | |
| 496 width: 16px; | |
| 497 height: 16px; | |
| 498 float: left; | |
| 499 margin-left: -4px; | |
| 500 margin-right: 4px; | |
| 501 } | |
| 502 /*applied to the column anchor tags.*/ | |
| 503 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { | |
| 504 display: block; | |
| 505 margin: 4px; | |
| 506 height: 18px; | |
| 507 line-height: 18px !important; | |
| 508 color: inherit; | |
| 509 outline: 0 none; | |
| 510 text-decoration: none; | |
| 511 cursor: pointer; | |
| 512 } | |
| 513 | |
| 514 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { | |
| 515 margin: 4px; | |
| 516 height: 18px; | |
| 517 line-height: 18px !important; | |
| 518 color: inherit; | |
| 519 outline: 0 none; | |
| 520 text-decoration: none; | |
| 521 cursor: pointer; | |
| 522 } | |
| 523 /*applied to the groups header area.*/ | |
| 524 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { | |
| 525 border-style: solid; | |
| 526 border-width: 0px 0px 1px 0px; | |
| 527 border-color: #aaa; | |
| 528 white-space: nowrap; | |
| 529 overflow: hidden; | |
| 530 text-align: left; | |
| 531 padding: 0px; | |
| 532 margin: 0px; | |
| 533 } | |
| 534 /*applied to a grouping row.*/ | |
| 535 .jqx-grid-groups-row { | |
| 536 font-weight: bold; | |
| 537 white-space: nowrap; | |
| 538 text-align: left; | |
| 539 padding: 0px; | |
| 540 top: 50%; | |
| 541 margin-top: -8px; | |
| 542 } | |
| 543 /*applied to the row details.*/ | |
| 544 .jqx-grid-groups-row-details { | |
| 545 font-weight: normal; | |
| 546 } | |
| 547 /*applied to a grouping column.*/ | |
| 548 .jqx-grid-group-column { | |
| 549 border: 1px solid transparent; | |
| 550 white-space: nowrap; | |
| 551 border-style: solid; | |
| 552 font-weight: normal; | |
| 553 overflow: hidden; | |
| 554 text-align: left; | |
| 555 padding: 0px; | |
| 556 margin: 0px; | |
| 557 } | |
| 558 /*applied to the lines between the group columns.*/ | |
| 559 .jqx-grid-group-column-line { | |
| 560 background: #aaa; | |
| 561 } | |
| 562 /*applied to the drop line indicators displayed in the grouping header.*/ | |
| 563 .jqx-grid-group-drag-line { | |
| 564 background: #80be09; | |
| 565 } | |
| 566 /*applied to the anchor tags inside a grouping column.*/ | |
| 567 .jqx-grid-group-column a:link { | |
| 568 display: block; | |
| 569 margin: 4px; | |
| 570 height: 18px; | |
| 571 line-height: 18px !important; | |
| 572 outline: 0 none; | |
| 573 text-decoration: none; | |
| 574 cursor: pointer; | |
| 575 color: inherit; | |
| 576 } | |
| 577 | |
| 578 .jqx-grid-group-column a:visited { | |
| 579 color: inherit; | |
| 580 display: block; | |
| 581 margin: 4px; | |
| 582 height: 18px; | |
| 583 line-height: 18px !important; | |
| 584 outline: 0 none; | |
| 585 text-decoration: none; | |
| 586 cursor: pointer; | |
| 587 } | |
| 588 /*applied to a grid cell*/ | |
| 589 .jqx-grid-cell { | |
| 590 border-style: solid; | |
| 591 border-width: 0px 1px 1px 0px; | |
| 592 margin-right: 1px; | |
| 593 margin-bottom: 1px; | |
| 594 border-color: transparent; | |
| 595 background: #fff; | |
| 596 white-space: nowrap; | |
| 597 font-weight: normal; | |
| 598 font-size: inherit; | |
| 599 overflow: hidden; | |
| 600 position: absolute !important; | |
| 601 height: 100%; | |
| 602 outline: none; | |
| 603 } | |
| 604 | |
| 605 .jqx-grid-cell-locked { | |
| 606 color: #aaa !important; | |
| 607 } | |
| 608 | |
| 609 .jqx-grid-cell-left-align { | |
| 610 overflow: hidden; | |
| 611 text-overflow: ellipsis; | |
| 612 padding-bottom: 2px; | |
| 613 text-align: left; | |
| 614 margin-right: 2px; | |
| 615 margin-left: 4px; | |
| 616 } | |
| 617 | |
| 618 .jqx-grid-cell-middle-align { | |
| 619 text-overflow: ellipsis; | |
| 620 overflow: hidden; | |
| 621 padding-bottom: 2px; | |
| 622 text-align: center; | |
| 623 } | |
| 624 | |
| 625 .jqx-grid-cell-right-align { | |
| 626 overflow: hidden; | |
| 627 text-overflow: ellipsis; | |
| 628 padding-bottom: 2px; | |
| 629 text-align: right; | |
| 630 margin-right: 4px; | |
| 631 margin-left: 2px; | |
| 632 } | |
| 633 | |
| 634 /*applied to a grid cell that is part of a rows group.*/ | |
| 635 .jqx-grid-group-cell { | |
| 636 overflow: hidden; | |
| 637 position: absolute !important; | |
| 638 height: 100%; | |
| 639 background: #fff; | |
| 640 } | |
| 641 /*applied to the grid cells in the sort column*/ | |
| 642 .jqx-grid-cell-sort { | |
| 643 background-color: #f0f0f0; | |
| 644 } | |
| 645 | |
| 646 /*applied to the grid cells in the filter column*/ | |
| 647 .jqx-grid-cell-filter { | |
| 648 background-color: #e6e6e6; | |
| 649 } | |
| 650 | |
| 651 .jqx-grid-cell-add-new-row { | |
| 652 background: #fdfcf3 !important; | |
| 653 color: #000 !important; | |
| 654 } | |
| 655 | |
| 656 /*applied to the grid cells area.*/ | |
| 657 .jqx-grid-content { | |
| 658 border-style: solid; | |
| 659 border-width: 0px 0px 0px 0px; | |
| 660 border-color: transparent; | |
| 661 white-space: nowrap; | |
| 662 overflow: hidden; | |
| 663 } | |
| 664 /*applied to a grid cell that is part of a rows group.*/ | |
| 665 .jqx-grid-group-cell, .jqx-grid-empty-cell { | |
| 666 border-style: solid; | |
| 667 border-width: 0px 0px 1px 0px; | |
| 668 white-space: nowrap; | |
| 669 font-weight: normal; | |
| 670 } | |
| 671 | |
| 672 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { | |
| 673 border: transparent !important; | |
| 674 } | |
| 675 | |
| 676 .jqx-grid-cell-wrap { | |
| 677 white-space: normal !important; | |
| 678 } | |
| 679 | |
| 680 .jqx-tree-grid-indent { | |
| 681 width: 18px; | |
| 682 display: inline-block; | |
| 683 height: 8px; | |
| 684 overflow: hidden; | |
| 685 vertical-align: top; | |
| 686 } | |
| 687 | |
| 688 .jqx-tree-grid-title { | |
| 689 text-decoration: none; | |
| 690 vertical-align: bottom; | |
| 691 line-height: 20px; | |
| 692 white-space: nowrap; | |
| 693 overflow: hidden; | |
| 694 text-overflow: ellipsis; | |
| 695 } | |
| 696 | |
| 697 .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { | |
| 698 display: inline-block; | |
| 699 margin-top: 0px; | |
| 700 margin-right: 0px; | |
| 701 position: relative; | |
| 702 width: 18px; | |
| 703 height: 18px; | |
| 704 vertical-align: top; | |
| 705 } | |
| 706 | |
| 707 .jqx-tree-grid-checkbox { | |
| 708 float: none !important; | |
| 709 width: 16px; | |
| 710 height: 16px; | |
| 711 cursor: pointer; | |
| 712 margin-right: 6px !important; | |
| 713 margin-left: 2px !important; | |
| 714 } | |
| 715 | |
| 716 .jqx-tree-grid-icon { | |
| 717 float: none !important; | |
| 718 width: 14px; | |
| 719 height: 14px; | |
| 720 margin-right: 4px; | |
| 721 } | |
| 722 | |
| 723 .jqx-tree-grid-icon-rtl { | |
| 724 margin-right: 0px; | |
| 725 margin-left: 4px; | |
| 726 } | |
| 727 | |
| 728 .jqx-tree-grid-icon-size { | |
| 729 width: 14px; | |
| 730 height: 14px; | |
| 731 line-height: 16px; | |
| 732 } | |
| 733 | |
| 734 .jqx-tree-grid-checkbox-tick { | |
| 735 width: 100%; | |
| 736 height: 100%; | |
| 737 } | |
| 738 | |
| 739 .jqx-tree-grid-expand-button { | |
| 740 height: 18px; | |
| 741 width: 18px; | |
| 742 vertical-align: top; | |
| 743 } | |
| 744 | |
| 745 /*applied to a cell in jqxDataTable*/ | |
| 746 .jqx-cell { | |
| 747 min-height: 23px; | |
| 748 padding: 6px 4px; | |
| 749 margin: 0; | |
| 750 border-collapse: separate; | |
| 751 border-spacing: 0px; | |
| 752 overflow: hidden; | |
| 753 text-overflow: ellipsis; | |
| 754 border: 1px solid transparent; | |
| 755 border-top-width: 0px; | |
| 756 border-left-width: 0px; | |
| 757 box-sizing: border-box; | |
| 758 -moz-box-sizing: border-box; | |
| 759 white-space: normal; | |
| 760 line-height: 1.231; | |
| 761 } | |
| 762 | |
| 763 .jqx-grid-cell-nowrap { | |
| 764 white-space: nowrap; | |
| 765 } | |
| 766 | |
| 767 .jqx-cell-editor { | |
| 768 padding-left: 4px !important; | |
| 769 padding-right: 3px !important; | |
| 770 } | |
| 771 | |
| 772 .jqx-left-align { | |
| 773 text-align: left; | |
| 774 } | |
| 775 | |
| 776 .jqx-center-align { | |
| 777 text-align: center; | |
| 778 } | |
| 779 | |
| 780 .jqx-right-align { | |
| 781 text-align: right; | |
| 782 } | |
| 783 | |
| 784 .jqx-top-align { | |
| 785 vertical-align: top; | |
| 786 } | |
| 787 | |
| 788 .jqx-bottom-align { | |
| 789 vertical-align: bottom; | |
| 790 } | |
| 791 | |
| 792 .jqx-grid-table .jqx-grid-cell { | |
| 793 position: static !important; | |
| 794 zoom: 1 !important; | |
| 795 } | |
| 796 /*applied to the Grid's Table element.*/ | |
| 797 .jqx-grid-table { | |
| 798 font-size: 13px; | |
| 799 table-layout: fixed; | |
| 800 margin: 0px; | |
| 801 padding: 0px; | |
| 802 border-collapse: separate; | |
| 803 border-spacing: 0px; | |
| 804 -webkit-overflow-scrolling: touch; | |
| 805 outline: none; | |
| 806 zoom: 1 !important; | |
| 807 empty-cells: show; | |
| 808 border-right: 1px solid #aaa; | |
| 809 line-height: 1.231; | |
| 810 width: auto; | |
| 811 border: none; | |
| 812 } | |
| 813 | |
| 814 .jqx-grid-table-rtl { | |
| 815 border-left-width: 1px; | |
| 816 border-right-width: 0px; | |
| 817 } | |
| 818 | |
| 819 .jqx-details table { | |
| 820 border-collapse: collapse; | |
| 821 table-layout: fixed; | |
| 822 border-spacing: 0px; | |
| 823 } | |
| 824 | |
| 825 /*applied to a grid cell that is part of a details row and grouping is enabled.*/ | |
| 826 .jqx-grid-group-details-cell { | |
| 827 } | |
| 828 /*applied to a grid cell that is part of a details row.*/ | |
| 829 .jqx-grid-details-cell { | |
| 830 border-width: 0px 1px 0px 0px; | |
| 831 } | |
| 832 /*applied to a grid cell. Represents the alternating cell background.*/ | |
| 833 .jqx-grid-cell-alt { | |
| 834 background: #f9f9f9; | |
| 835 } | |
| 836 /*applied to a sorted and alternating grid cell*/ | |
| 837 .jqx-grid-cell-sort-alt { | |
| 838 background-color: #e5e5e5; | |
| 839 } | |
| 840 /*applied to a sorted and alternating grid cell*/ | |
| 841 .jqx-grid-cell-filter-alt { | |
| 842 background-color: #f0f0f0; | |
| 843 } | |
| 844 /*applied to a pinned grid cell.*/ | |
| 845 .jqx-grid-cell-pinned { | |
| 846 background-color: #e5e5e5; | |
| 847 } | |
| 848 /*applied to a pinned grid cell. Represents the alternating cell background.*/ | |
| 849 .jqx-grid-cell-pinned-alt { | |
| 850 background-color: #e5e5e5; | |
| 851 } | |
| 852 /*applied to a selected grid cell.*/ | |
| 853 .jqx-grid-cell-selected { | |
| 854 border-left: 0px solid transparent; | |
| 855 } | |
| 856 | |
| 857 .jqx-grid-cell-selected.jqx-grid-cell-edit { | |
| 858 border-color: #DDDDDD !important; | |
| 859 background-color: #fff !important; | |
| 860 color: #333 !important; | |
| 861 } | |
| 862 | |
| 863 .jqx-fill-state-focus.jqx-grid-cell-edit, | |
| 864 .jqx-grid-cell-edit .jqx-fill-state-focus, | |
| 865 .jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button, | |
| 866 .jqx-grid-cell-edit .jqx-numberinput-focus, | |
| 867 .jqx-grid-cell-edit .jqx-combobox-content-focus { | |
| 868 border-color: #DDDDDD !important; | |
| 869 } | |
| 870 | |
| 871 .jqx-cell-rtl { | |
| 872 border-left-width: 1px; | |
| 873 border-right-width: 0px; | |
| 874 } | |
| 875 | |
| 876 .jqx-grid-cell-rtl { | |
| 877 border-width: 0px 0px 1px 1px; | |
| 878 } | |
| 879 | |
| 880 .jqx-grid-table .jqx-grid-cell { | |
| 881 border-width: 0px 0px 1px 1px; | |
| 882 } | |
| 883 | |
| 884 .jqx-grid-table-one-cell { | |
| 885 border: none; | |
| 886 border-right-width: 1px; | |
| 887 border-right-style: solid; | |
| 888 border-right-color: #aaa; | |
| 889 } | |
| 890 | |
| 891 .jqx-grid-table .jqx-grid-cell:first-child { | |
| 892 border-left-width: 0px; | |
| 893 } | |
| 894 | |
| 895 /*applied to the selection area.*/ | |
| 896 .jqx-grid-selectionarea { | |
| 897 border: 1px solid transparent; | |
| 898 opacity: 0.5; | |
| 899 filter: alpha(opacity=50); | |
| 900 } | |
| 901 /*applied to a hovered grid cell.*/ | |
| 902 .jqx-grid-cell-hover { | |
| 903 border-color: transparent; | |
| 904 } | |
| 905 /*applied to a grid cell when the grid is empty.*/ | |
| 906 .jqx-grid-empty-cell { | |
| 907 overflow: visible; | |
| 908 border-bottom: none; | |
| 909 } | |
| 910 | |
| 911 /*applied to the Grid when its loading the data.*/ | |
| 912 .jqx-grid-load { | |
| 913 padding-right: 0px; | |
| 914 background-image: url(./images/loader.gif); | |
| 915 background-position: 50% 50%; | |
| 916 background-repeat: no-repeat; | |
| 917 z-index: 9999; | |
| 918 display: block; | |
| 919 } | |
| 920 /*applied to a group's collapse button.*/ | |
| 921 .jqx-grid-group-collapse { | |
| 922 padding-right: 0px; | |
| 923 background-image: url(./images/icon-right.png); | |
| 924 background-position: 50% 50%; | |
| 925 background-repeat: no-repeat; | |
| 926 cursor: pointer; | |
| 927 } | |
| 928 | |
| 929 .jqx-grid-group-collapse-rtl { | |
| 930 padding-right: 0px; | |
| 931 background-image: url(./images/icon-left.png); | |
| 932 background-position: 50% 50%; | |
| 933 background-repeat: no-repeat; | |
| 934 cursor: pointer; | |
| 935 } | |
| 936 /*applied to a group's expand button.*/ | |
| 937 .jqx-grid-group-expand, .jqx-grid-group-expand-rtl { | |
| 938 padding-right: 0px; | |
| 939 background-image: url(./images/icon-down.png); | |
| 940 background-position: 50% 50%; | |
| 941 background-repeat: no-repeat; | |
| 942 cursor: pointer; | |
| 943 } | |
| 944 /*jqxProgresBar Style*/ | |
| 945 .jqx-progressbar { | |
| 946 position: relative; | |
| 947 overflow: hidden; | |
| 948 outline: none; | |
| 949 border: 1px solid transparent; | |
| 950 height: 2em; | |
| 951 } | |
| 952 /*applied to the progressbar's value element*/ | |
| 953 .jqx-progressbar-value { | |
| 954 outline: none; | |
| 955 border: 0px solid transparent; | |
| 956 height: 100%; | |
| 957 } | |
| 958 /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ | |
| 959 .jqx-progressbar-value-vertical { | |
| 960 outline: none; | |
| 961 border: 0px solid transparent; | |
| 962 height: 100%; | |
| 963 background: transparent; | |
| 964 } | |
| 965 /*applied to the progressbar's text element*/ | |
| 966 .jqx-progressbar-text { | |
| 967 font-size: 10px; | |
| 968 border: none; | |
| 969 } | |
| 970 /*applied to the progress bar when the widget is in disabled state*/ | |
| 971 .jqx-progressbar-disabled { | |
| 972 outline: none; | |
| 973 border: 1px solid transparent; | |
| 974 height: 2em; | |
| 975 } | |
| 976 | |
| 977 /*jqxMenu Style*/ | |
| 978 .jqx-menu { | |
| 979 border: 1px solid transparent; | |
| 980 float: none; | |
| 981 margin: 0px; | |
| 982 height: 100%; | |
| 983 padding: 0px; | |
| 984 overflow: hidden; | |
| 985 text-align: left; | |
| 986 } | |
| 987 | |
| 988 .jqx-menu-dropdown-column { | |
| 989 float: left; | |
| 990 } | |
| 991 /*applied to the menu when it is horizontal. Sets the menu's background*/ | |
| 992 .jqx-menu-horizontal { | |
| 993 margin: 0px; | |
| 994 padding: 0px; | |
| 995 overflow: hidden; | |
| 996 text-align: center; | |
| 997 } | |
| 998 /*applied to the menu when it is vertical. Sets the menu's background*/ | |
| 999 .jqx-menu-vertical { | |
| 1000 text-align: left; | |
| 1001 } | |
| 1002 /*applied to the sub menu. Sets the sub menu's background*/ | |
| 1003 .jqx-menu-dropdown { | |
| 1004 left: 100%; | |
| 1005 margin: 0px; | |
| 1006 padding: 0px; | |
| 1007 right: 0; | |
| 1008 overflow: hidden; | |
| 1009 display: none; | |
| 1010 float: none; | |
| 1011 width: 150px; | |
| 1012 border-style: solid; | |
| 1013 border-width: 1px; | |
| 1014 text-align: left; | |
| 1015 padding: 2px; | |
| 1016 } | |
| 1017 /*applied to the sub menu's ul elements.*/ | |
| 1018 .jqx-menu-dropdown ul { | |
| 1019 left: 100%; | |
| 1020 margin: 0px; | |
| 1021 padding: 0px; | |
| 1022 right: 0; | |
| 1023 overflow: hidden; | |
| 1024 border: none; | |
| 1025 } | |
| 1026 /*applied to the menu's ul elements.*/ | |
| 1027 .jqx-menu ul { | |
| 1028 left: 100%; | |
| 1029 margin: 0px; | |
| 1030 padding: 2px; | |
| 1031 right: 0; | |
| 1032 overflow: hidden; | |
| 1033 background-color: transparent; | |
| 1034 border: none; | |
| 1035 } | |
| 1036 /*applied to the menu's li elements.*/ | |
| 1037 .jqx-menu li, .jqx-menu-dropdown li { | |
| 1038 line-height: 1.3 !important; | |
| 1039 } | |
| 1040 /*applied to the top level menu items.*/ | |
| 1041 .jqx-menu-item-top { | |
| 1042 border: 1px solid transparent; | |
| 1043 text-indent: 0; | |
| 1044 list-style: none; | |
| 1045 padding: 4px 8px 4px 8px; | |
| 1046 left: 100%; | |
| 1047 overflow: hidden; | |
| 1048 color: inherit; | |
| 1049 right: 0; | |
| 1050 margin: 0px 3px 0px 3px; | |
| 1051 cursor: pointer; | |
| 1052 } | |
| 1053 /*applied to the sub menu items.*/ | |
| 1054 .jqx-menu-item { | |
| 1055 border: 1px solid transparent; | |
| 1056 text-indent: 0; | |
| 1057 list-style: none; | |
| 1058 padding: 4px 8px 4px 8px; | |
| 1059 margin: 1px; | |
| 1060 margin-left: 3px; | |
| 1061 margin-right: 3px; | |
| 1062 float: none; | |
| 1063 overflow: hidden; | |
| 1064 left: 100%; | |
| 1065 color: inherit; | |
| 1066 right: 0; | |
| 1067 text-align: left; | |
| 1068 cursor: pointer; | |
| 1069 } | |
| 1070 /*applied to a sub menu item when the mouse is over the item.*/ | |
| 1071 .jqx-menu-item-hover { | |
| 1072 color: inherit; | |
| 1073 right: 0; | |
| 1074 list-style: none; | |
| 1075 margin: 1px; | |
| 1076 margin-left: 3px; | |
| 1077 margin-right: 3px; | |
| 1078 left: 100%; | |
| 1079 padding: 4px 8px 4px 8px; | |
| 1080 text-align: left; | |
| 1081 cursor: pointer; | |
| 1082 } | |
| 1083 /*applied to a top-level menu item when the mouse is over it.*/ | |
| 1084 .jqx-menu-item-top-hover { | |
| 1085 color: inherit; | |
| 1086 right: 0; | |
| 1087 list-style: none; | |
| 1088 margin: 0px 3px 0px 3px; | |
| 1089 left: 100%; | |
| 1090 padding: 4px 8px 4px 8px; | |
| 1091 top: 50%; | |
| 1092 cursor: pointer; | |
| 1093 } | |
| 1094 /*applied to a sub menu item when its sub menu is opened.*/ | |
| 1095 .jqx-menu-item-selected { | |
| 1096 right: 0; | |
| 1097 list-style: none; | |
| 1098 margin: 1px; | |
| 1099 margin-left: 3px; | |
| 1100 margin-right: 3px; | |
| 1101 left: 100%; | |
| 1102 padding: 4px 8px 4px 8px; | |
| 1103 text-align: left; | |
| 1104 cursor: pointer; | |
| 1105 } | |
| 1106 /*applied to a disabled sub menu item.*/ | |
| 1107 .jqx-menu-item-disabled { | |
| 1108 } | |
| 1109 /*applied to a top-level menu item when its sub menu is opened.*/ | |
| 1110 .jqx-menu-item-top-selected { | |
| 1111 right: 0; | |
| 1112 list-style: none; | |
| 1113 margin: 0px 1px 0px 1px; | |
| 1114 margin-left: 3px; | |
| 1115 margin-right: 3px; | |
| 1116 left: 100%; | |
| 1117 padding: 4px 8px 4px 8px; | |
| 1118 cursor: pointer; | |
| 1119 } | |
| 1120 /*applied to the menu separator items.*/ | |
| 1121 .jqx-menu-item-separator { | |
| 1122 text-indent: 0; | |
| 1123 background-color: #ddd; | |
| 1124 border: none; | |
| 1125 list-style: none; | |
| 1126 height: 1px; | |
| 1127 line-height: 0 !important; | |
| 1128 padding: 0px; | |
| 1129 margin: 1px 2px 1px 2px; | |
| 1130 float: none; | |
| 1131 overflow: hidden; | |
| 1132 left: 100%; | |
| 1133 color: inherit; | |
| 1134 right: 0; | |
| 1135 font-size: 1px; | |
| 1136 } | |
| 1137 /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ | |
| 1138 .jqx-menu-item-arrow-right { | |
| 1139 background-image: url(./images/icon-right.png); | |
| 1140 } | |
| 1141 /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ | |
| 1142 .jqx-menu-item-arrow-down { | |
| 1143 background-image: url(./images/icon-down.png); | |
| 1144 } | |
| 1145 /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ | |
| 1146 .jqx-menu-item-arrow-up { | |
| 1147 background-image: url(./images/icon-up.png); | |
| 1148 } | |
| 1149 | |
| 1150 .jqx-menu-minimized { | |
| 1151 position: relative; | |
| 1152 } | |
| 1153 | |
| 1154 .jqx-menu-title { | |
| 1155 position: relative; | |
| 1156 float: right; | |
| 1157 margin-top: 4px; | |
| 1158 padding-top: 4px; | |
| 1159 padding-right: 20px; | |
| 1160 } | |
| 1161 | |
| 1162 .jqx-menu-minimized-button { | |
| 1163 background-image: url('images/icon-menu-minimized.png'); | |
| 1164 background-repeat: no-repeat; | |
| 1165 background-position: left center; | |
| 1166 height: 24px; | |
| 1167 width: 24px; | |
| 1168 padding: 0px; | |
| 1169 margin-left: 7px; | |
| 1170 margin-top: 4px; | |
| 1171 float: left; | |
| 1172 } | |
| 1173 | |
| 1174 .jqx-menu-ul-minimized { | |
| 1175 display: block !important; | |
| 1176 width: auto !important; | |
| 1177 } | |
| 1178 | |
| 1179 .jqx-menu-ul-minimized ul { | |
| 1180 margin-top: 0px; | |
| 1181 margin-bottom: 0px; | |
| 1182 padding-top: 0px; | |
| 1183 padding-bottom: 0px; | |
| 1184 -webkit-box-shadow: none !important; | |
| 1185 -moz-box-shadow: none !important; | |
| 1186 -o-box-shadow: none !important; | |
| 1187 box-shadow: none !important; | |
| 1188 } | |
| 1189 | |
| 1190 .jqx-menu-minimized li:last-child { | |
| 1191 padding-bottom: 0px; | |
| 1192 margin: 0px; | |
| 1193 } | |
| 1194 | |
| 1195 .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right { | |
| 1196 background-position: 100% 50%; | |
| 1197 background-repeat: no-repeat; | |
| 1198 padding-right: 0px; | |
| 1199 margin-right: -8px; | |
| 1200 width: 17px; | |
| 1201 height: 15px; | |
| 1202 } | |
| 1203 /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ | |
| 1204 .jqx-menu-item-arrow-left { | |
| 1205 padding-right: 0px; | |
| 1206 padding-left: 5px; | |
| 1207 width: 17px; | |
| 1208 height: 15px; | |
| 1209 background-image: url(./images/icon-left.png); | |
| 1210 background-position: 0 50%; | |
| 1211 background-repeat: no-repeat; | |
| 1212 } | |
| 1213 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ | |
| 1214 .jqx-menu-item-arrow-right-selected { | |
| 1215 background-image: url(./images/icon-right.png); | |
| 1216 } | |
| 1217 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ | |
| 1218 .jqx-menu-item-arrow-down-selected { | |
| 1219 background-image: url(./images/icon-down.png); | |
| 1220 } | |
| 1221 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ | |
| 1222 .jqx-menu-item-arrow-up-selected { | |
| 1223 background-image: url(./images/icon-up.png); | |
| 1224 } | |
| 1225 | |
| 1226 .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right { | |
| 1227 padding-right: 0px; | |
| 1228 margin-right: -8px; | |
| 1229 width: 17px; | |
| 1230 height: 15px; | |
| 1231 background-position: 100% 50%; | |
| 1232 background-repeat: no-repeat; | |
| 1233 } | |
| 1234 /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ | |
| 1235 .jqx-menu-item-arrow-top-right { | |
| 1236 background-image: url(./images/icon-right.png); | |
| 1237 } | |
| 1238 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ | |
| 1239 .jqx-menu-item-arrow-left-selected { | |
| 1240 background-image: url(./images/icon-left.png); | |
| 1241 } | |
| 1242 /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ | |
| 1243 .jqx-menu-item-arrow-top-left { | |
| 1244 background-image: url(./images/icon-left.png); | |
| 1245 } | |
| 1246 | |
| 1247 .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left { | |
| 1248 background-position: 0 50%; | |
| 1249 background-repeat: no-repeat; | |
| 1250 padding-right: 0px; | |
| 1251 padding-left: 5px; | |
| 1252 width: 17px; | |
| 1253 height: 15px; | |
| 1254 } | |
| 1255 /*applied to the anchor elements*/ | |
| 1256 .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 { | |
| 1257 font: inherit; | |
| 1258 text-decoration: none; | |
| 1259 color: inherit; | |
| 1260 outline: none; | |
| 1261 background-color: transparent; | |
| 1262 } | |
| 1263 | |
| 1264 /*applied to the menu widget when it is disabled.*/ | |
| 1265 .jqx-menu-disabled { | |
| 1266 cursor: default; | |
| 1267 } | |
| 1268 /*applied to the anchor elements of all disabled menu items.*/ | |
| 1269 .jqx-menu-disabled a:link { | |
| 1270 cursor: default; | |
| 1271 text-decoration: none; | |
| 1272 } | |
| 1273 | |
| 1274 .jqx-menu-disabled a:visited { | |
| 1275 cursor: default; | |
| 1276 text-decoration: none; | |
| 1277 } | |
| 1278 | |
| 1279 .jqx-menu-disabled a:hover { | |
| 1280 cursor: default; | |
| 1281 } | |
| 1282 | |
| 1283 .jqx-menu-dropdown { | |
| 1284 right: -1px; | |
| 1285 } | |
| 1286 | |
| 1287 /*jqxtree Style*/ | |
| 1288 .jqx-tree { | |
| 1289 left: 100%; | |
| 1290 right: 0; | |
| 1291 float: none; | |
| 1292 margin: 0px; | |
| 1293 border-style: solid; | |
| 1294 border-width: 1px; | |
| 1295 padding: 0px; | |
| 1296 overflow: hidden; | |
| 1297 text-align: left; | |
| 1298 outline: none; | |
| 1299 white-space: nowrap; | |
| 1300 line-height: 14px !important; | |
| 1301 } | |
| 1302 /*applied to the jqxTree root UL element.*/ | |
| 1303 .jqx-tree-dropdown-root { | |
| 1304 left: 100%; | |
| 1305 padding: 0px 5px 0px 5px; | |
| 1306 right: 0; | |
| 1307 display: block; | |
| 1308 float: none; | |
| 1309 background-color: transparent; | |
| 1310 border-style: solid; | |
| 1311 border-width: 0px; | |
| 1312 border-color: #fff; | |
| 1313 text-align: left; | |
| 1314 outline: none; | |
| 1315 white-space: nowrap; | |
| 1316 margin: 0px; | |
| 1317 } | |
| 1318 | |
| 1319 .jqx-tree-dropdown-root-rtl { | |
| 1320 padding: 0px 5px 0px 0px; | |
| 1321 text-align: right; | |
| 1322 float: right; | |
| 1323 margin: 0px; | |
| 1324 } | |
| 1325 | |
| 1326 /*applied to the jqxTree UL elements.*/ | |
| 1327 .jqx-tree-dropdown { | |
| 1328 left: 100%; | |
| 1329 margin: 0px; | |
| 1330 padding: 0px 0px 0px 10px; | |
| 1331 right: 0; | |
| 1332 display: block; | |
| 1333 float: none; | |
| 1334 background-color: transparent; | |
| 1335 border-style: solid; | |
| 1336 border-width: 0px; | |
| 1337 border-color: transparent; | |
| 1338 text-align: left; | |
| 1339 outline: none; | |
| 1340 } | |
| 1341 | |
| 1342 .jqx-tree-dropdown-rtl { | |
| 1343 padding: 3px 0px 0px 0px; | |
| 1344 text-align: right; | |
| 1345 } | |
| 1346 | |
| 1347 /*applied to a tree item.*/ | |
| 1348 .jqx-tree-item { | |
| 1349 border: 1px solid transparent; | |
| 1350 text-indent: 0; | |
| 1351 list-style: none; | |
| 1352 padding: 3px; | |
| 1353 margin: 0px; | |
| 1354 float: none; | |
| 1355 overflow: hidden; | |
| 1356 left: 100%; | |
| 1357 right: 0; | |
| 1358 text-align: left; | |
| 1359 cursor: default; | |
| 1360 text-decoration: none; | |
| 1361 } | |
| 1362 /*applied to the jqxTree LI elements.*/ | |
| 1363 .jqx-tree-item-li { | |
| 1364 text-indent: 0; | |
| 1365 background-color: transparent; | |
| 1366 border: 0px solid transparent; | |
| 1367 list-style: none; | |
| 1368 left: 100%; | |
| 1369 right: 0; | |
| 1370 text-align: left; | |
| 1371 outline: none; | |
| 1372 margin: 0px; | |
| 1373 margin-top: 1px; | |
| 1374 padding: 0px; | |
| 1375 } | |
| 1376 /*applied to the last LI elements in an UL element.*/ | |
| 1377 .jqx-tree-item-u-last { | |
| 1378 margin: 0px 0px 0px 0px; | |
| 1379 } | |
| 1380 /*applied to a tree item when the mouse is over the item.*/ | |
| 1381 .jqx-tree-item-hover { | |
| 1382 color: inherit; | |
| 1383 right: 0; | |
| 1384 padding: 3px; | |
| 1385 margin: 0px; | |
| 1386 list-style: none; | |
| 1387 left: 100%; | |
| 1388 cursor: pointer; | |
| 1389 text-decoration: none; | |
| 1390 } | |
| 1391 /*applied to a tree item when the item is selected.*/ | |
| 1392 .jqx-tree-item-selected { | |
| 1393 color: inherit; | |
| 1394 right: 0; | |
| 1395 padding: 3px; | |
| 1396 margin: 0px; | |
| 1397 list-style: none; | |
| 1398 left: 100%; | |
| 1399 cursor: pointer; | |
| 1400 text-decoration: none; | |
| 1401 } | |
| 1402 | |
| 1403 .jqx-tree-item-rtl { | |
| 1404 text-align: right; | |
| 1405 } | |
| 1406 | |
| 1407 .jqx-tree-item-li-rtl { | |
| 1408 text-align: right; | |
| 1409 } | |
| 1410 /*applied to the anchor element of a tree item.*/ | |
| 1411 .jqx-tree-item a:link, .jqx-tree-item a:visited { | |
| 1412 text-indent: 0; | |
| 1413 background-color: transparent; | |
| 1414 border: 0px solid transparent; | |
| 1415 list-style: none; | |
| 1416 padding: 0px; | |
| 1417 margin: 0px; | |
| 1418 float: none; | |
| 1419 overflow: hidden; | |
| 1420 left: 100%; | |
| 1421 color: inherit; | |
| 1422 right: 0; | |
| 1423 text-align: left; | |
| 1424 cursor: pointer; | |
| 1425 text-decoration: none; | |
| 1426 outline: none; | |
| 1427 } | |
| 1428 | |
| 1429 .jqx-tree-item-selected, .jqx-tree-item-hover a:hover { | |
| 1430 color: inherit; | |
| 1431 } | |
| 1432 | |
| 1433 .jqx-tree-item-selected, .jqx-tree-item-hover a:visited { | |
| 1434 color: inherit; | |
| 1435 } | |
| 1436 | |
| 1437 /*applied to a tree item when the item is disabled.*/ | |
| 1438 .jqx-tree-item-disabled { | |
| 1439 } | |
| 1440 /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ | |
| 1441 .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover { | |
| 1442 padding-right: 0px; | |
| 1443 width: 17px; | |
| 1444 height: 17px; | |
| 1445 background-image: url(./images/icon-right.png); | |
| 1446 background-position: 100% 50%; | |
| 1447 background-repeat: no-repeat; | |
| 1448 cursor: pointer; | |
| 1449 } | |
| 1450 | |
| 1451 .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { | |
| 1452 background-image: url(./images/icon-left.png); | |
| 1453 } | |
| 1454 | |
| 1455 /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ | |
| 1456 .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover { | |
| 1457 padding-right: 0px; | |
| 1458 width: 17px; | |
| 1459 height: 17px; | |
| 1460 background-image: url(./images/icon-down.png); | |
| 1461 background-position: 100% 50%; | |
| 1462 background-repeat: no-repeat; | |
| 1463 cursor: pointer; | |
| 1464 } | |
| 1465 /*applied to the tree when it is disabled.*/ | |
| 1466 .jqx-tree-disabled { | |
| 1467 cursor: default; | |
| 1468 } | |
| 1469 /*applied to the anchor elements in a tree when it is disabled.*/ | |
| 1470 .jqx-tree-disabled a:link { | |
| 1471 cursor: default; | |
| 1472 text-decoration: none; | |
| 1473 } | |
| 1474 | |
| 1475 .jqx-tree-disabled a:visited { | |
| 1476 cursor: default; | |
| 1477 text-decoration: none; | |
| 1478 } | |
| 1479 | |
| 1480 .jqx-tree-disabled a:hover { | |
| 1481 cursor: default; | |
| 1482 } | |
| 1483 | |
| 1484 | |
| 1485 /*jqxTabs*/ | |
| 1486 .jqx-tabs { | |
| 1487 outline: none; | |
| 1488 margin: 0 0 0 0; | |
| 1489 padding: 0px; | |
| 1490 overflow: hidden; | |
| 1491 background: transparent; | |
| 1492 border: 1px solid transparent; | |
| 1493 } | |
| 1494 /*applied to the tab close button.*/ | |
| 1495 .jqx-tabs-close-button { | |
| 1496 outline: none; | |
| 1497 background-image: url(./images/close.png); | |
| 1498 cursor: pointer; | |
| 1499 margin: 0 0 0 0; | |
| 1500 padding: 0 0 0 0; | |
| 1501 position: relative; | |
| 1502 left: 5px; | |
| 1503 } | |
| 1504 /*applied to the tab close button when the tab is selected.*/ | |
| 1505 .jqx-tabs-close-button-selected { | |
| 1506 outline: none; | |
| 1507 background-image: url(./images/close.png); | |
| 1508 cursor: pointer; | |
| 1509 margin: 0 0 0 0; | |
| 1510 padding: 0 0 0 0; | |
| 1511 } | |
| 1512 /*applied to the tab close button when the mouse is over the tab.*/ | |
| 1513 .jqx-tabs-close-button-hover { | |
| 1514 outline: none; | |
| 1515 background-image: url(./images/close.png); | |
| 1516 cursor: pointer; | |
| 1517 margin: 0 0 0 0; | |
| 1518 padding: 0 0 0 0; | |
| 1519 } | |
| 1520 | |
| 1521 .jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover { | |
| 1522 background-repeat: no-repeat; | |
| 1523 background-position: center; | |
| 1524 } | |
| 1525 /*applied to the tab's left scroll arrow.*/ | |
| 1526 .jqx-tabs-arrow-left { | |
| 1527 outline: none; | |
| 1528 position: relative; | |
| 1529 z-index: 15; | |
| 1530 float: left; | |
| 1531 cursor: pointer; | |
| 1532 margin: 0 0 0 0; | |
| 1533 padding: 0 0 0 0; | |
| 1534 background-image: url('images/icon-left.png'); | |
| 1535 background-repeat: no-repeat; | |
| 1536 background-position: center; | |
| 1537 } | |
| 1538 /*applied to the tab's right scroll arrow.*/ | |
| 1539 .jqx-tabs-arrow-right { | |
| 1540 outline: none; | |
| 1541 position: relative; | |
| 1542 z-index: 15; | |
| 1543 background-image: url('images/icon-right.png'); | |
| 1544 background-repeat: no-repeat; | |
| 1545 background-position: center; | |
| 1546 float: left; | |
| 1547 cursor: pointer; | |
| 1548 margin: 0 0 0 0; | |
| 1549 padding: 0 0 0 0; | |
| 1550 } | |
| 1551 | |
| 1552 .jqx-tabs-arrow-background { | |
| 1553 background: #eeeeee; | |
| 1554 } | |
| 1555 /*applied to the tab's title.*/ | |
| 1556 .jqx-tabs-title { | |
| 1557 outline: none; | |
| 1558 display: block; | |
| 1559 cursor: pointer; | |
| 1560 white-space: nowrap; | |
| 1561 left: 100%; | |
| 1562 right: 0; | |
| 1563 text-indent: 0px; | |
| 1564 list-style: none; | |
| 1565 border: 1px solid transparent; | |
| 1566 margin: 0px 2px 0px 0px; | |
| 1567 overflow: hidden; | |
| 1568 z-index: 1; | |
| 1569 padding-left: 13px; | |
| 1570 padding-right: 13px; | |
| 1571 padding-bottom: 5px; | |
| 1572 padding-top: 5px; | |
| 1573 background: transparent; | |
| 1574 height: auto; | |
| 1575 position: relative; | |
| 1576 } | |
| 1577 | |
| 1578 .jqx-tabs-title-bottom { | |
| 1579 } | |
| 1580 | |
| 1581 .jqx-tabs-title a:link { | |
| 1582 color: inherit; | |
| 1583 text-decoration: none; | |
| 1584 } | |
| 1585 | |
| 1586 .jqx-tabs-title a:hover { | |
| 1587 color: inherit; | |
| 1588 text-decoration: none; | |
| 1589 } | |
| 1590 | |
| 1591 .jqx-tabs-title a:active { | |
| 1592 color: inherit; | |
| 1593 text-decoration: none; | |
| 1594 } | |
| 1595 | |
| 1596 .jqx-tabs-title a:visited { | |
| 1597 color: inherit; | |
| 1598 text-decoration: none; | |
| 1599 } | |
| 1600 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ | |
| 1601 .jqx-tabs-title-selected-top { | |
| 1602 z-index: 99; | |
| 1603 outline: none; | |
| 1604 border-top: 1px solid transparent; | |
| 1605 border-left: 1px solid transparent; | |
| 1606 border-right: 1px solid transparent; | |
| 1607 border-bottom: 1px solid #fff; | |
| 1608 background-color: #fff; | |
| 1609 padding-bottom: 7px; | |
| 1610 } | |
| 1611 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ | |
| 1612 .jqx-tabs-title-selected-bottom { | |
| 1613 outline: none; | |
| 1614 border-top: 1px solid #fff; | |
| 1615 border-left: 1px solid transparent; | |
| 1616 border-right: 1px solid transparent; | |
| 1617 border-bottom: 1px solid transparent; | |
| 1618 padding-top: 7px; | |
| 1619 padding-bottom: 5px; | |
| 1620 margin-top: -2px; | |
| 1621 background-color: #fff; | |
| 1622 } | |
| 1623 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ | |
| 1624 .jqx-tabs-title-hover-top { | |
| 1625 outline: none; | |
| 1626 border: 1px solid transparent; | |
| 1627 padding-bottom: 5px; | |
| 1628 } | |
| 1629 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ | |
| 1630 .jqx-tabs-title-hover-bottom { | |
| 1631 outline: none; | |
| 1632 border: 1px solid transparent; | |
| 1633 padding-top: 5px; | |
| 1634 } | |
| 1635 /*applied to the tab's title when the tab is disabled.*/ | |
| 1636 .jqx-tabs-title-disable { | |
| 1637 } | |
| 1638 /*applied to the tab's header.*/ | |
| 1639 .jqx-tabs-header { | |
| 1640 padding-left: 0px; | |
| 1641 padding-right: 0px; | |
| 1642 padding-top: 3px; | |
| 1643 padding-bottom: 1px; | |
| 1644 margin: 0px; | |
| 1645 border-top: 0px solid transparent; | |
| 1646 border-left: 0px solid transparent; | |
| 1647 border-right: 0px solid transparent; | |
| 1648 border-bottom: 1px solid #aaa; | |
| 1649 background: #eeeeee; | |
| 1650 } | |
| 1651 /*applied to the tab's header when the position is bottom.*/ | |
| 1652 .jqx-tabs-header-bottom { | |
| 1653 padding-top: 1px; | |
| 1654 padding-bottom: 3px; | |
| 1655 border-top: 0px solid #aaa; | |
| 1656 border-left: 0px solid transparent; | |
| 1657 border-right: 0px solid transparent; | |
| 1658 border-bottom: 1px solid transparent; | |
| 1659 } | |
| 1660 /*applied to the tab's header when the tab is collapsed.*/ | |
| 1661 .jqx-tabs-header-collapsed { | |
| 1662 border: 1px solid #aaa; | |
| 1663 } | |
| 1664 /*applied to the tab's header when the position is bottom and tab is collapsed.*/ | |
| 1665 .jqx-tabs-header-collapsed-bottom { | |
| 1666 border: 1px solid #aaa; | |
| 1667 } | |
| 1668 | |
| 1669 .jqx-tabs-collapsed { | |
| 1670 border: 0px solid transparent; | |
| 1671 } | |
| 1672 | |
| 1673 .jqx-tabs-collapsed-bottom { | |
| 1674 border: 0px solid transparent; | |
| 1675 } | |
| 1676 /*applied to the tab's selection tracker container element.*/ | |
| 1677 .jqx-tabs-selection-tracker-container { | |
| 1678 outline: none; | |
| 1679 position: relative; | |
| 1680 text-indent: 0px; | |
| 1681 margin: 0 0 0 0; | |
| 1682 padding: 0 0 0 0; | |
| 1683 width: 100%; | |
| 1684 background: transparent; | |
| 1685 height: 0px; | |
| 1686 } | |
| 1687 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ | |
| 1688 .jqx-tabs-selection-tracker-top { | |
| 1689 border-top: 1px solid transparent; | |
| 1690 border-left: 1px solid transparent; | |
| 1691 border-right: 1px solid transparent; | |
| 1692 padding-bottom: 2px; | |
| 1693 background-color: #fff; | |
| 1694 outline: none; | |
| 1695 position: absolute; | |
| 1696 z-index: 10; | |
| 1697 } | |
| 1698 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ | |
| 1699 .jqx-tabs-selection-tracker-bottom { | |
| 1700 border-left: 1px solid transparent; | |
| 1701 border-right: 1px solid transparent; | |
| 1702 border-bottom: 1px solid transparent; | |
| 1703 background-color: #fff; | |
| 1704 outline: none; | |
| 1705 position: absolute; | |
| 1706 z-index: 10; | |
| 1707 margin-top: -1px; | |
| 1708 padding-bottom: 2px; | |
| 1709 } | |
| 1710 /*applied to the tab's content element which represents a DIV element.*/ | |
| 1711 .jqx-tabs-content { | |
| 1712 outline: none; | |
| 1713 border-bottom: 0px solid transparent; | |
| 1714 border-left: 0px solid transparent; | |
| 1715 border-right: 0px solid transparent; | |
| 1716 border-top: 0px solid transparent; | |
| 1717 text-align: left; | |
| 1718 clear: both; | |
| 1719 } | |
| 1720 | |
| 1721 .jqx-tabs-content-element { | |
| 1722 height: 100%; | |
| 1723 overflow: auto; | |
| 1724 } | |
| 1725 | |
| 1726 /*jqxCheckBox*/ | |
| 1727 .jqx-checkbox { | |
| 1728 overflow: hidden; | |
| 1729 text-align: left; | |
| 1730 border: none; | |
| 1731 outline: none; | |
| 1732 margin: 0 0 0 0; | |
| 1733 white-space: nowrap; | |
| 1734 text-overflow: ellipsis; | |
| 1735 } | |
| 1736 /*applied to the check box.*/ | |
| 1737 .jqx-checkbox-default { | |
| 1738 text-align: left; | |
| 1739 float: left; | |
| 1740 padding: 0px; | |
| 1741 border: 1px solid transparent; | |
| 1742 outline: none; | |
| 1743 margin: 0px 3px 0px 3px; | |
| 1744 } | |
| 1745 /*applied to the check box when the mouse cursor is over it.*/ | |
| 1746 .jqx-checkbox-hover { | |
| 1747 cursor: pointer; | |
| 1748 float: left; | |
| 1749 padding: 0px; | |
| 1750 border: 1px solid transparent; | |
| 1751 outline: none; | |
| 1752 margin: 0px 3px 0px 3px; | |
| 1753 } | |
| 1754 /*applied to the widget when it is disabled.*/ | |
| 1755 .jqx-checkbox-disabled { | |
| 1756 cursor: default; | |
| 1757 background: transparent; | |
| 1758 padding: 0px; | |
| 1759 border: none; | |
| 1760 outline: none; | |
| 1761 margin: 0px 0px 0px 0px; | |
| 1762 } | |
| 1763 /*applied to the check box when the widget is disabled.*/ | |
| 1764 .jqx-checkbox-disabled-box { | |
| 1765 float: left; | |
| 1766 padding: 0px; | |
| 1767 border: 1px solid transparent; | |
| 1768 outline: none; | |
| 1769 margin: 0px 3px 0px 3px; | |
| 1770 } | |
| 1771 /*applied to the check box when it is checked. Displays a check icon.*/ | |
| 1772 .jqx-checkbox-check-checked { | |
| 1773 float: left; | |
| 1774 background: transparent url(./images/check_black.png) center center no-repeat; | |
| 1775 padding: 0px; | |
| 1776 border: none; | |
| 1777 outline: none; | |
| 1778 margin: 0 0 0 0; | |
| 1779 } | |
| 1780 /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ | |
| 1781 .jqx-checkbox-check-disabled { | |
| 1782 float: left; | |
| 1783 background: transparent url(./images/check_disabled.png) center center no-repeat; | |
| 1784 padding: 0px; | |
| 1785 border: none; | |
| 1786 outline: none; | |
| 1787 margin: 0 0 0 0; | |
| 1788 } | |
| 1789 /*applied to the check box when its state is indeterminate.*/ | |
| 1790 .jqx-checkbox-check-indeterminate { | |
| 1791 float: left; | |
| 1792 background: transparent url(./images/check_indeterminate_black.png) center center no-repeat; | |
| 1793 padding: 0px; | |
| 1794 border: none; | |
| 1795 outline: none; | |
| 1796 margin: 0 0 0 0; | |
| 1797 } | |
| 1798 /*applied to the check box when its state is indeterminate and it is disabled.*/ | |
| 1799 .jqx-checkbox-check-indeterminate-disabled { | |
| 1800 float: left; | |
| 1801 background: transparent url(./images/check_indeterminate_disabled.png) center center no-repeat; | |
| 1802 padding: 0px; | |
| 1803 border: none; | |
| 1804 outline: none; | |
| 1805 margin: 0 0 0 0; | |
| 1806 } | |
| 1807 /*applied to the check box when its in rtl mode.*/ | |
| 1808 .jqx-checkbox-rtl { | |
| 1809 float: right; | |
| 1810 } | |
| 1811 /*jqxRadioButton*/ | |
| 1812 .jqx-radiobutton { | |
| 1813 overflow: hidden; | |
| 1814 text-overflow: ellipsis; | |
| 1815 border: none; | |
| 1816 outline: none; | |
| 1817 margin: 0 0 0 0; | |
| 1818 white-space: nowrap; | |
| 1819 } | |
| 1820 /*applied to the radio button.*/ | |
| 1821 .jqx-radiobutton-default { | |
| 1822 cursor: pointer; | |
| 1823 float: left; | |
| 1824 background: transparent url(./images/roundbg_classic_normal.png) left center scroll repeat-x; | |
| 1825 padding: 0px; | |
| 1826 border: 1px solid transparent; | |
| 1827 outline: none; | |
| 1828 margin: 1px 3px 0px 3px; | |
| 1829 -moz-border-radius: 100%; | |
| 1830 -webkit-border-radius: 100%; | |
| 1831 border-radius: 100%; | |
| 1832 } | |
| 1833 /*applied to the radio button when the mouse is over it.*/ | |
| 1834 .jqx-radiobutton-hover { | |
| 1835 cursor: pointer; | |
| 1836 float: left; | |
| 1837 background: transparent; | |
| 1838 padding: 0px; | |
| 1839 border: 1px solid transparent; | |
| 1840 outline: none; | |
| 1841 margin: 1px 3px 0px 3px; | |
| 1842 -moz-border-radius: 100%; | |
| 1843 -webkit-border-radius: 100%; | |
| 1844 border-radius: 100%; | |
| 1845 } | |
| 1846 /*applied to the radio button when it is disabled.*/ | |
| 1847 .jqx-radiobutton-disabled { | |
| 1848 cursor: default; | |
| 1849 } | |
| 1850 /*applied to the radio button's radio icon when it is disabled.*/ | |
| 1851 .jqx-radiobutton-disabled-box { | |
| 1852 } | |
| 1853 /*applied to the radio button when it is checked.*/ | |
| 1854 .jqx-radiobutton-check-checked { | |
| 1855 float: left; | |
| 1856 background: transparent url(./images/roundbg_check_black.png) left top no-repeat; | |
| 1857 padding: 0px; | |
| 1858 border: 1px solid transparent; | |
| 1859 outline: none; | |
| 1860 margin: 0 0 0 0; | |
| 1861 -moz-border-radius: 100%; | |
| 1862 -webkit-border-radius: 100%; | |
| 1863 border-radius: 100%; | |
| 1864 width: 7px; | |
| 1865 height: 7px; | |
| 1866 margin-left: 2px; | |
| 1867 margin-top: 2px; | |
| 1868 } | |
| 1869 /*applied to the radio button when it is checked and disabled.*/ | |
| 1870 .jqx-radiobutton-check-disabled { | |
| 1871 } | |
| 1872 /*applied to the radio button when it is in indeterminate state.*/ | |
| 1873 .jqx-radiobutton-check-indeterminate { | |
| 1874 float: left; | |
| 1875 background: transparent url(./images/roundbg_check_indeterminate.png) left top no-repeat; | |
| 1876 padding: 0px; | |
| 1877 border: none; | |
| 1878 outline: none; | |
| 1879 margin: 0 0 0 0; | |
| 1880 -moz-border-radius: 100%; | |
| 1881 -webkit-border-radius: 100%; | |
| 1882 border-radius: 100%; | |
| 1883 width: 6px; | |
| 1884 height: 6px; | |
| 1885 margin-left: 2px; | |
| 1886 margin-top: 2px; | |
| 1887 } | |
| 1888 /*applied to the radio button when it is in indeterminate state and disabled.*/ | |
| 1889 .jqx-radiobutton-check-indeterminate-disabled { | |
| 1890 } | |
| 1891 /*applied to the radio button when its in rtl mode.*/ | |
| 1892 .jqx-radiobutton-rtl { | |
| 1893 float: right; | |
| 1894 } | |
| 1895 | |
| 1896 /*jqxRating*/ | |
| 1897 .jqx-rating { | |
| 1898 margin: 0px; | |
| 1899 padding: 0px; | |
| 1900 outline: none; | |
| 1901 overflow: hidden; | |
| 1902 } | |
| 1903 | |
| 1904 .jqx-rating-image { | |
| 1905 border-width: 0px; | |
| 1906 } | |
| 1907 | |
| 1908 .jqx-rating-image-default { | |
| 1909 margin: 0px; | |
| 1910 padding: 0px; | |
| 1911 outline: none; | |
| 1912 background-color: transparent; | |
| 1913 background-repeat: no-repeat; | |
| 1914 cursor: pointer; | |
| 1915 background-image: url(./images/star.png); | |
| 1916 overflow: hidden; | |
| 1917 } | |
| 1918 /*applied to the rating when it is hovered.*/ | |
| 1919 .jqx-rating-image-hover { | |
| 1920 background-color: transparent; | |
| 1921 padding: 0px; | |
| 1922 background-repeat: no-repeat; | |
| 1923 cursor: pointer; | |
| 1924 background-image: url(./images/star_hover.png); | |
| 1925 overflow: hidden; | |
| 1926 } | |
| 1927 /*applied to the rating when it is disabled.*/ | |
| 1928 .jqx-rating-image-backward { | |
| 1929 background-color: transparent; | |
| 1930 padding: 0px; | |
| 1931 background-repeat: no-repeat; | |
| 1932 cursor: pointer; | |
| 1933 background-image: url(./images/star_disabled.png); | |
| 1934 overflow: hidden; | |
| 1935 } | |
| 1936 /*jqxCalendar Style*/ | |
| 1937 .jqx-calendar { | |
| 1938 border: 1px solid transparent; | |
| 1939 -webkit-appearance: none; | |
| 1940 overflow: hidden; | |
| 1941 outline: none; | |
| 1942 padding: 0px; | |
| 1943 margin: 0 0 0 0; | |
| 1944 cursor: default; | |
| 1945 border-collapse: separate; | |
| 1946 } | |
| 1947 | |
| 1948 .jqx-calendar .jqx-widget-header { | |
| 1949 } | |
| 1950 | |
| 1951 .jqx-calendar > div { | |
| 1952 padding: 0px; | |
| 1953 box-sizing: border-box; | |
| 1954 } | |
| 1955 | |
| 1956 .jqx-calendar-light > div { | |
| 1957 padding: 10px; | |
| 1958 } | |
| 1959 | |
| 1960 .jqx-calendar td { | |
| 1961 padding-top: 0px; | |
| 1962 padding-bottom: 0px; | |
| 1963 border-collapse: separate; | |
| 1964 border-spacing: 1px; | |
| 1965 font-size: 13px; | |
| 1966 line-height: 1.231; | |
| 1967 height: auto; | |
| 1968 } | |
| 1969 | |
| 1970 .jqx-calendar table { | |
| 1971 margin: 0px; | |
| 1972 padding: 0px; | |
| 1973 border-collapse: separate; | |
| 1974 border-spacing: 1px; | |
| 1975 font-size: 13px; | |
| 1976 line-height: 1.231; | |
| 1977 } | |
| 1978 /*applied to the calendar's row header. This header displays the week numbers.*/ | |
| 1979 .jqx-calendar-row-header { | |
| 1980 outline: none; | |
| 1981 border: 0px solid #f2f2f2; | |
| 1982 padding: 0; | |
| 1983 margin: 0 0 0 0; | |
| 1984 cursor: default; | |
| 1985 } | |
| 1986 /*applied to the calendar's column. This header displays the day names.*/ | |
| 1987 .jqx-calendar-column-header { | |
| 1988 outline: none; | |
| 1989 text-align: right; | |
| 1990 padding: 3px; | |
| 1991 border-top: none; | |
| 1992 border-bottom: 1px solid transparent; | |
| 1993 border-left: none; | |
| 1994 border-right: none; | |
| 1995 margin: 0 0 0 0; | |
| 1996 cursor: default; | |
| 1997 } | |
| 1998 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ | |
| 1999 .jqx-calendar-top-left-header { | |
| 2000 outline: none; | |
| 2001 border: 0px solid #f2f2f2; | |
| 2002 margin: 0 0 0 0; | |
| 2003 cursor: default; | |
| 2004 } | |
| 2005 /*applied to the calendar's navigation buttons.*/ | |
| 2006 .jqx-calendar-title-navigation { | |
| 2007 cursor: pointer; | |
| 2008 background-color: transparent; | |
| 2009 margin: 0; | |
| 2010 padding: 0; | |
| 2011 border: none; | |
| 2012 width: 25px; | |
| 2013 height: 25px; | |
| 2014 } | |
| 2015 /*applied to the month table*/ | |
| 2016 .jqx-calendar-month { | |
| 2017 margin: 0; | |
| 2018 padding: 0; | |
| 2019 border: none; | |
| 2020 width: 100%; | |
| 2021 } | |
| 2022 /*applied to the calendar's title content.*/ | |
| 2023 .jqx-calendar-title-content { | |
| 2024 cursor: pointer; | |
| 2025 text-align: center; | |
| 2026 } | |
| 2027 /*applied to the calendar's navigation title.*/ | |
| 2028 .jqx-calendar-title-header { | |
| 2029 border-left: none; | |
| 2030 border-top: none; | |
| 2031 border-right: none; | |
| 2032 border-bottom-width: 1px; | |
| 2033 border-bottom-style: solid; | |
| 2034 margin: 0 0 0 0; | |
| 2035 } | |
| 2036 | |
| 2037 .jqx-calendar-title-header td { | |
| 2038 padding-left: 0px; | |
| 2039 padding-right: 0px; | |
| 2040 border: none; | |
| 2041 } | |
| 2042 /*applied to the calendar's navigation title when the calendar is disabled.*/ | |
| 2043 .jqx-calendar-title-header-disabled { | |
| 2044 border-bottom-width: 1px; | |
| 2045 border-bottom-style: solid; | |
| 2046 margin: 0 0 0 0; | |
| 2047 border-left: 0px solid transparent; | |
| 2048 border-right: 0px solid transparent; | |
| 2049 border-top: 0px solid transparent; | |
| 2050 } | |
| 2051 /*applied to a calendar cell.*/ | |
| 2052 .jqx-calendar-cell { | |
| 2053 border: 1px solid transparent; | |
| 2054 margin: 0px; | |
| 2055 outline: none; | |
| 2056 text-align: center; | |
| 2057 padding: 1px; | |
| 2058 cursor: pointer; | |
| 2059 background-color: transparent; | |
| 2060 } | |
| 2061 | |
| 2062 .jqx-calendar-cell td { | |
| 2063 padding: 0; | |
| 2064 margin: 0; | |
| 2065 } | |
| 2066 /*applied to a calendar cell in decade and year views.*/ | |
| 2067 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { | |
| 2068 text-align: center; | |
| 2069 } | |
| 2070 | |
| 2071 .jqx-calendar .jqx-fill-state-normal { | |
| 2072 background: transparent; | |
| 2073 border: 1px solid transparent; | |
| 2074 } | |
| 2075 | |
| 2076 /*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*/ | |
| 2077 .jqx-calendar-cell-hidden { | |
| 2078 margin: 0 0 0 0; | |
| 2079 visibility: hidden; | |
| 2080 cursor: default; | |
| 2081 } | |
| 2082 /*applied to a calendar cell when the cell's date is a weekend date.*/ | |
| 2083 .jqx-calendar-cell-weekend { | |
| 2084 color: #898989 !important; | |
| 2085 margin: 0 0 0 0; | |
| 2086 cursor: pointer; | |
| 2087 } | |
| 2088 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ | |
| 2089 .jqx-calendar-cell-specialDate { | |
| 2090 color: #FF0000 !important; | |
| 2091 background-color: transparent; | |
| 2092 border: 1px solid #fff; | |
| 2093 margin: 0 0 0 0; | |
| 2094 cursor: pointer; | |
| 2095 } | |
| 2096 /*applied to a calendar cell when the cell's date is a restricted date.*/ | |
| 2097 .jqx-calendar-cell-restrictedDate { | |
| 2098 background-color: rgba(251, 132, 153, 1); | |
| 2099 border: 1px solid #fff; | |
| 2100 margin: 0 0 0 0; | |
| 2101 cursor: pointer; | |
| 2102 } | |
| 2103 | |
| 2104 .jqx-calendar-cell-selected-invalid { | |
| 2105 color: #FFF !important; | |
| 2106 background: #FF0000 !important; | |
| 2107 border: 1px solid #FF0000 !important; | |
| 2108 } | |
| 2109 /*applied to a calendar cell when the cell's date is the today date.*/ | |
| 2110 .jqx-calendar-cell-today { | |
| 2111 color: #898989; | |
| 2112 background-color: #ffffdb; | |
| 2113 border: 1px solid #fdc066; | |
| 2114 margin: 0 0 0 0; | |
| 2115 cursor: pointer; | |
| 2116 } | |
| 2117 /*applied to a calendar cell when the cell is hovered.*/ | |
| 2118 .jqx-calendar-cell-hover { | |
| 2119 margin: 0 0 0 0; | |
| 2120 cursor: pointer; | |
| 2121 } | |
| 2122 /*applied to a calendar cell when the cell is selected.*/ | |
| 2123 .jqx-calendar-cell-selected { | |
| 2124 margin: 0 0 0 0; | |
| 2125 cursor: pointer; | |
| 2126 } | |
| 2127 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ | |
| 2128 .jqx-calendar-cell-othermonth { | |
| 2129 color: #898989 !important; | |
| 2130 margin: 0 0 0 0; | |
| 2131 cursor: pointer; | |
| 2132 } | |
| 2133 /*applied to a calendar cell when the calendar is disabled.*/ | |
| 2134 .jqx-calendar-cell-disabled { | |
| 2135 color: #ccc; | |
| 2136 } | |
| 2137 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ | |
| 2138 .jqx-calendar-row-cell { | |
| 2139 outline: none; | |
| 2140 text-align: center; | |
| 2141 border: 1px solid transparent; | |
| 2142 margin: 0 0 0 0; | |
| 2143 cursor: default; | |
| 2144 } | |
| 2145 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ | |
| 2146 .jqx-calendar-row-cell-disabled { | |
| 2147 } | |
| 2148 | |
| 2149 .jqx-calendar-footer { | |
| 2150 margin: 5px; | |
| 2151 color: inherit; | |
| 2152 font-size: 13px; | |
| 2153 } | |
| 2154 | |
| 2155 .jqx-calendar-title-container { | |
| 2156 overflow: hidden; | |
| 2157 } | |
| 2158 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ | |
| 2159 .jqx-calendar-column-cell { | |
| 2160 overflow: hidden; | |
| 2161 text-align: center; | |
| 2162 outline: none; | |
| 2163 font-weight: normal; | |
| 2164 padding: 1px; | |
| 2165 border: 1px solid transparent; | |
| 2166 margin: 0 0 0 0; | |
| 2167 cursor: default; | |
| 2168 } | |
| 2169 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ | |
| 2170 .jqx-calendar-column-cell-disabled { | |
| 2171 } | |
| 2172 /*applied to the calendar's cell area element.*/ | |
| 2173 .jqx-calendar-view { | |
| 2174 -webkit-appearance: none; | |
| 2175 outline: none; | |
| 2176 padding: 0px; | |
| 2177 border: 0px solid #fff; | |
| 2178 margin: 0 0 0 0; | |
| 2179 cursor: default; | |
| 2180 } | |
| 2181 | |
| 2182 /*jqxExpander and jqxNavigationBar Style*/ | |
| 2183 .jqx-expander { | |
| 2184 } | |
| 2185 /*applied to the Expander's header and content*/ | |
| 2186 .jqx-expander-header, .jqx-expander-content { | |
| 2187 border-left-width: 1px; | |
| 2188 border-right-width: 1px; | |
| 2189 border-left-style: solid; | |
| 2190 border-right-style: solid; | |
| 2191 padding-top: 5px; | |
| 2192 padding-bottom: 5px; | |
| 2193 padding-left: 5px; | |
| 2194 padding-right: 5px; | |
| 2195 outline: 0; | |
| 2196 } | |
| 2197 /*applid to the content of the expander header.*/ | |
| 2198 .jqx-expander-header-content { | |
| 2199 padding-left: 3px; | |
| 2200 } | |
| 2201 /*applid to the content of the expander header.*/ | |
| 2202 .jqx-expander-header-content-rtl { | |
| 2203 padding-right: 3px; | |
| 2204 } | |
| 2205 | |
| 2206 .jqx-expander-content { | |
| 2207 padding-top: 0px; | |
| 2208 padding-bottom: 0px; | |
| 2209 overflow: auto; | |
| 2210 outline: 0; | |
| 2211 } | |
| 2212 /*applied to the Expander's header and its content when it is on the top of the header*/ | |
| 2213 .jqx-expander-header, .jqx-expander-content-top { | |
| 2214 border-top-width: 1px; | |
| 2215 border-top-style: solid; | |
| 2216 } | |
| 2217 /*applied to the Expander's header and its content when it is on the bottom of the header*/ | |
| 2218 .jqx-expander-header, .jqx-expander-content-bottom { | |
| 2219 border-bottom-width: 1px; | |
| 2220 border-bottom-style: solid; | |
| 2221 } | |
| 2222 /*applied to the Expander's header*/ | |
| 2223 .jqx-expander-header { | |
| 2224 cursor: pointer; | |
| 2225 overflow: hidden; | |
| 2226 } | |
| 2227 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ | |
| 2228 .jqx-expander-header-disabled { | |
| 2229 cursor: default; | |
| 2230 } | |
| 2231 /*applied to the Expander's arrow*/ | |
| 2232 .jqx-expander-arrow { | |
| 2233 width: 17px; | |
| 2234 height: 17px; | |
| 2235 position: relative; | |
| 2236 } | |
| 2237 /*applied to the Expander's content if it is empty*/ | |
| 2238 .jqx-expander-content-empty { | |
| 2239 border-width: 0px; | |
| 2240 padding: 0px; | |
| 2241 } | |
| 2242 | |
| 2243 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ | |
| 2244 .jqx-navigationbar { | |
| 2245 border: none; | |
| 2246 margin: 0px; | |
| 2247 -webkit-appearance: none; | |
| 2248 outline: none; | |
| 2249 } | |
| 2250 /*jqxPanel Style*/ | |
| 2251 .jqx-panel { | |
| 2252 border: 1px solid transparent; | |
| 2253 -webkit-appearance: none; | |
| 2254 outline: none; | |
| 2255 padding: 0px; | |
| 2256 margin: 0px; | |
| 2257 cursor: default; | |
| 2258 overflow: hidden; | |
| 2259 } | |
| 2260 /*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 | |
| 2261 of the horizontal scrollbar.*/ | |
| 2262 .jqx-panel-bottomright { | |
| 2263 } | |
| 2264 /*applied to the DropDownButton's Popup.*/ | |
| 2265 .jqx-dropdownbutton-popup { | |
| 2266 -webkit-appearance: none; | |
| 2267 outline: none; | |
| 2268 border: 1px solid transparent; | |
| 2269 } | |
| 2270 | |
| 2271 .jqx-listbox { | |
| 2272 -webkit-appearance: none; | |
| 2273 outline: none; | |
| 2274 border: 1px solid transparent; | |
| 2275 padding: 0px; | |
| 2276 margin: 0px; | |
| 2277 cursor: default; | |
| 2278 overflow: hidden; | |
| 2279 } | |
| 2280 /*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 | |
| 2281 of the horizontal scrollbar.*/ | |
| 2282 .jqx-listbox-bottomright { | |
| 2283 } | |
| 2284 /*applied to the ListBox's groups.*/ | |
| 2285 .jqx-listitem-state-group { | |
| 2286 white-space: nowrap; | |
| 2287 padding: 5px 2px 5px 2px; | |
| 2288 background: transparent; | |
| 2289 font-weight: bold; | |
| 2290 text-align: left; | |
| 2291 outline: none; | |
| 2292 overflow: hidden; | |
| 2293 vertical-align: middle; | |
| 2294 cursor: default; | |
| 2295 } | |
| 2296 /*applied to a list item in default state.*/ | |
| 2297 .jqx-listitem-state-normal { | |
| 2298 white-space: nowrap; | |
| 2299 padding: 3px; | |
| 2300 padding-top: 5px; | |
| 2301 padding-bottom: 5px; | |
| 2302 border: 1px solid transparent; | |
| 2303 outline: none; | |
| 2304 visibility: inherit; | |
| 2305 display: inherit; | |
| 2306 text-align: left; | |
| 2307 overflow: hidden; | |
| 2308 position: absolute; | |
| 2309 left: 0; | |
| 2310 top: 0; | |
| 2311 cursor: default; | |
| 2312 } | |
| 2313 /*applied to a list item in hovered state.*/ | |
| 2314 .jqx-listitem-state-hover { | |
| 2315 white-space: nowrap; | |
| 2316 background: transparent; | |
| 2317 padding: 3px 3px 3px 3px; | |
| 2318 padding-top: 5px; | |
| 2319 padding-bottom: 5px; | |
| 2320 border: 1px solid transparent; | |
| 2321 } | |
| 2322 /*applied to a list item when the item is selected.*/ | |
| 2323 .jqx-listitem-state-selected { | |
| 2324 white-space: nowrap; | |
| 2325 padding: 3px 3px 3px 3px; | |
| 2326 padding-top: 5px; | |
| 2327 padding-bottom: 5px; | |
| 2328 border: 1px solid transparent; | |
| 2329 } | |
| 2330 | |
| 2331 .jqx-listbox-feedback { | |
| 2332 height: 1px; | |
| 2333 border-top: 1px dashed #000; | |
| 2334 } | |
| 2335 | |
| 2336 .jqx-listitem-element { | |
| 2337 -ms-touch-action: none; | |
| 2338 border: none; | |
| 2339 width: 100%; | |
| 2340 height: 100%; | |
| 2341 align: left; | |
| 2342 valign: top; | |
| 2343 position: absolute; | |
| 2344 } | |
| 2345 /*jqxComboBox Style*/ | |
| 2346 /*applied to the jqxComboBox's content which displays the text.*/ | |
| 2347 .jqx-combobox-content { | |
| 2348 padding: 0px; | |
| 2349 overflow: hidden; | |
| 2350 padding-left: 0px; | |
| 2351 padding-top: 0px; | |
| 2352 padding-bottom: 0px; | |
| 2353 padding-right: 0px; | |
| 2354 margin: 0px; | |
| 2355 text-align: left; | |
| 2356 vertical-align: middle; | |
| 2357 white-space: nowrap; | |
| 2358 -webkit-appearance: none; | |
| 2359 outline: none; | |
| 2360 border: none; | |
| 2361 -moz-border-radius-topleft: 3px; | |
| 2362 -webkit-border-top-left-radius: 3px; | |
| 2363 border-top-left-radius: 3px; | |
| 2364 -moz-border-radius-bottomleft: 3px; | |
| 2365 -webkit-border-bottom-left-radius: 3px; | |
| 2366 border-bottom-left-radius: 3px; | |
| 2367 border-right: 1px solid transparent; | |
| 2368 -moz-background-clip: padding; | |
| 2369 background-clip: padding-box; | |
| 2370 -webkit-background-clip: padding-box; | |
| 2371 } | |
| 2372 | |
| 2373 .jqx-combobox-content-rtl { | |
| 2374 border: none; | |
| 2375 -moz-border-radius-topleft: 0px; | |
| 2376 -webkit-border-top-left-radius: 0px; | |
| 2377 border-top-left-radius: 0px; | |
| 2378 -moz-border-radius-bottomleft: 0px; | |
| 2379 -webkit-border-bottom-left-radius: 0px; | |
| 2380 border-bottom-left-radius: 0px; | |
| 2381 -moz-border-radius-topleft: 3px; | |
| 2382 -webkit-border-top-left-radius: 0px; | |
| 2383 border-top-right-radius: 3px; | |
| 2384 -moz-border-radius-bottomright: 3px; | |
| 2385 -webkit-border-bottom-right-radius: 0px; | |
| 2386 border-bottom-right-radius: 3px; | |
| 2387 border-right: none; | |
| 2388 border-left: 1px solid transparent; | |
| 2389 -moz-background-clip: padding; | |
| 2390 background-clip: padding-box; | |
| 2391 -webkit-background-clip: padding-box; | |
| 2392 } | |
| 2393 /*applied to the ComboBox's input field.*/ | |
| 2394 .jqx-combobox-input { | |
| 2395 -webkit-appearance: none; | |
| 2396 -webkit-border-radius: 0px; | |
| 2397 padding: 0 0 0 0; | |
| 2398 outline: none; | |
| 2399 border: 0px solid #aaa; | |
| 2400 -moz-background-clip: padding; | |
| 2401 background-clip: padding-box; | |
| 2402 -webkit-background-clip: padding-box; | |
| 2403 } | |
| 2404 | |
| 2405 .jqx-combobox-input::-ms-clear { | |
| 2406 display: none; | |
| 2407 } | |
| 2408 /*applied to the ComboBox's content when the widget is disabled.*/ | |
| 2409 .jqx-combobox-content-disabled { | |
| 2410 color: #AAA; | |
| 2411 } | |
| 2412 /*applied to the ComboBox's arrow button.*/ | |
| 2413 .jqx-combobox-arrow-normal, .jqx-action-button { | |
| 2414 -webkit-appearance: none; | |
| 2415 outline: none; | |
| 2416 overflow: hidden; | |
| 2417 margin: 0 0 0 0; | |
| 2418 border: none; | |
| 2419 cursor: pointer; | |
| 2420 } | |
| 2421 /*applied to the ComboBox's arrow button*/ | |
| 2422 .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected { | |
| 2423 -webkit-appearance: none; | |
| 2424 outline: none; | |
| 2425 overflow: hidden; | |
| 2426 margin: 0 0 0 0; | |
| 2427 } | |
| 2428 /*applied to the ComboBox in normal state.*/ | |
| 2429 .jqx-combobox-state-normal { | |
| 2430 -webkit-appearance: none; | |
| 2431 outline: none; | |
| 2432 border: 1px solid transparent; | |
| 2433 overflow: hidden; | |
| 2434 margin: 0 0 0 0; | |
| 2435 } | |
| 2436 /*applied to the ComboBox when the mouse is over the widget.*/ | |
| 2437 .jqx-combobox-state-hover { | |
| 2438 overflow: hidden; | |
| 2439 border: 1px solid transparent; | |
| 2440 margin: 0 0 0 0; | |
| 2441 } | |
| 2442 /*applied to the ComboBox when the popup ListBox is shown.*/ | |
| 2443 .jqx-combobox-state-selected { | |
| 2444 overflow: hidden; | |
| 2445 border: 1px solid transparent; | |
| 2446 margin: 0 0 0 0; | |
| 2447 } | |
| 2448 /*applied to the ComboBox when the widget is focused.*/ | |
| 2449 .jqx-combobox-state-focus { | |
| 2450 border: 1px solid transparent; | |
| 2451 } | |
| 2452 | |
| 2453 .jqx-combobox-multi-item { | |
| 2454 padding: 1px 3px; | |
| 2455 margin: 2px; | |
| 2456 white-space: nowrap; | |
| 2457 border-style: solid; | |
| 2458 font-weight: normal; | |
| 2459 overflow: hidden; | |
| 2460 text-align: left; | |
| 2461 } | |
| 2462 | |
| 2463 .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited { | |
| 2464 color: inherit; | |
| 2465 display: block; | |
| 2466 outline: 0 none; | |
| 2467 text-decoration: none; | |
| 2468 cursor: pointer; | |
| 2469 } | |
| 2470 /*applied to the ComboBox when the widget is disabled.*/ | |
| 2471 .jqx-combobox-state-disabled { | |
| 2472 white-space: nowrap; | |
| 2473 margin: 0px; | |
| 2474 color: #AAA; | |
| 2475 } | |
| 2476 /*jqxSelect Style*/ | |
| 2477 .jqx-select { | |
| 2478 overflow: hidden; | |
| 2479 padding-left: 3px; | |
| 2480 padding-top: 0px; | |
| 2481 padding-bottom: 0px; | |
| 2482 margin: 0px; | |
| 2483 -webkit-appearance: none; | |
| 2484 outline: 0 none; | |
| 2485 } | |
| 2486 | |
| 2487 .jqx-select-content { | |
| 2488 cursor: pointer; | |
| 2489 text-overflow: ellipsis; | |
| 2490 } | |
| 2491 | |
| 2492 .jqx-select-container { | |
| 2493 padding: 0; | |
| 2494 } | |
| 2495 | |
| 2496 .jqx-select-item { | |
| 2497 padding: 3px; | |
| 2498 margin: 1px; | |
| 2499 white-space: normal !important; | |
| 2500 cursor: default; | |
| 2501 } | |
| 2502 /*jqxDropDownList Style*/ | |
| 2503 /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ | |
| 2504 .jqx-dropdownlist-content { | |
| 2505 padding: 0px; | |
| 2506 overflow: hidden; | |
| 2507 padding-left: 4px; | |
| 2508 padding-top: 0px; | |
| 2509 padding-bottom: 0px; | |
| 2510 margin: 0px; | |
| 2511 text-align: left; | |
| 2512 vertical-align: middle; | |
| 2513 white-space: nowrap; | |
| 2514 -webkit-appearance: none; | |
| 2515 outline: 0 none; | |
| 2516 border: none; | |
| 2517 } | |
| 2518 | |
| 2519 .jqx-dropdownlist-content-rtl { | |
| 2520 padding-left: 0px; | |
| 2521 padding-right: 3px; | |
| 2522 } | |
| 2523 | |
| 2524 .jqx-dropdownlist .jqx-icon-arrow-down { | |
| 2525 width: 13px; | |
| 2526 } | |
| 2527 | |
| 2528 .jqx-dropdownlist .jqx-icon-arrow-up { | |
| 2529 width: 13px; | |
| 2530 } | |
| 2531 | |
| 2532 .jqx-combobox .jqx-icon-arrow-down { | |
| 2533 width: 13px; | |
| 2534 } | |
| 2535 | |
| 2536 .jqx-combobox .jqx-icon-arrow-up { | |
| 2537 width: 13px; | |
| 2538 } | |
| 2539 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ | |
| 2540 .jqx-dropdownlist-content-disabled { | |
| 2541 } | |
| 2542 /*applied to the dropdownlist in default state.*/ | |
| 2543 .jqx-dropdownlist-state-normal { | |
| 2544 -webkit-appearance: none; | |
| 2545 outline: none; | |
| 2546 border: 1px solid transparent; | |
| 2547 overflow: hidden; | |
| 2548 margin: 0 0 0 0; | |
| 2549 cursor: pointer; | |
| 2550 } | |
| 2551 /*applied to the dropdownlist in hovered state.*/ | |
| 2552 .jqx-dropdownlist-state-hover { | |
| 2553 overflow: hidden; | |
| 2554 border: 1px solid transparent; | |
| 2555 margin: 0 0 0 0; | |
| 2556 cursor: pointer; | |
| 2557 } | |
| 2558 /*applied to the dropdownlist in selected state.*/ | |
| 2559 .jqx-dropdownlist-state-selected { | |
| 2560 overflow: hidden; | |
| 2561 background-color: transparent; | |
| 2562 border: 1px solid transparent; | |
| 2563 margin: 0 0 0 0; | |
| 2564 cursor: pointer; | |
| 2565 } | |
| 2566 /*applied to the dropdownlist in focused state.*/ | |
| 2567 .jqx-dropdownlist-state-focus { | |
| 2568 border: 1px solid #909090; | |
| 2569 } | |
| 2570 /*applied to the dropdownlist in disabled state.*/ | |
| 2571 .jqx-dropdownlist-state-disabled { | |
| 2572 } | |
| 2573 /*jqxScrollBar Style*/ | |
| 2574 .jqx-scrollbar { | |
| 2575 background: transparent; | |
| 2576 margin: 0; | |
| 2577 padding: 0; | |
| 2578 border: none; | |
| 2579 } | |
| 2580 /*applied to the scrollbar in default state.*/ | |
| 2581 .jqx-scrollbar-state-normal { | |
| 2582 background: #efefef; | |
| 2583 margin: 0px; | |
| 2584 padding: 0px; | |
| 2585 border: 1px solid transparent; | |
| 2586 } | |
| 2587 /*applied to the scrollbar buttons in default state.*/ | |
| 2588 .jqx-scrollbar-button-state-normal { | |
| 2589 margin: 0px; | |
| 2590 padding: 0px; | |
| 2591 border: 1px solid transparent; | |
| 2592 } | |
| 2593 /*applied to the scrollbar buttons in hovered state.*/ | |
| 2594 .jqx-scrollbar-button-state-hover { | |
| 2595 margin: 0px; | |
| 2596 padding: 0px; | |
| 2597 border: 1px solid transparent; | |
| 2598 } | |
| 2599 /*applied to the scrollbar buttons in pressed state.*/ | |
| 2600 .jqx-scrollbar-button-state-pressed { | |
| 2601 margin: 0px; | |
| 2602 padding: 0px; | |
| 2603 border: 1px solid transparent; | |
| 2604 } | |
| 2605 /*applied to the horizontal scrollbar thumb in default state.*/ | |
| 2606 .jqx-scrollbar-thumb-state-normal-horizontal { | |
| 2607 margin: 0px; | |
| 2608 padding: 0px; | |
| 2609 background: transparent; | |
| 2610 border: 1px solid transparent; | |
| 2611 touch-action: none; | |
| 2612 } | |
| 2613 /*applied to the horizontal scrollbar thumb in hovered state.*/ | |
| 2614 .jqx-scrollbar-thumb-state-hover-horizontal { | |
| 2615 margin: 0px; | |
| 2616 padding: 0px; | |
| 2617 border: 1px solid transparent; | |
| 2618 } | |
| 2619 /*applied to the horizontal scrollbar thumb in default state.*/ | |
| 2620 .jqx-scrollbar-thumb-state-pressed-horizontal { | |
| 2621 margin: 0px; | |
| 2622 padding: 0px; | |
| 2623 border: 1px solid transparent; | |
| 2624 } | |
| 2625 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2626 .jqx-scrollbar-thumb-state-normal { | |
| 2627 margin: 0px; | |
| 2628 padding: 0px; | |
| 2629 border: 1px solid transparent; | |
| 2630 touch-action: none; | |
| 2631 } | |
| 2632 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2633 .jqx-scrollbar-thumb-state-hover { | |
| 2634 margin: 0px; | |
| 2635 padding: 0px; | |
| 2636 background: transparent; | |
| 2637 border: 1px solid transparent; | |
| 2638 } | |
| 2639 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2640 .jqx-scrollbar-thumb-state-pressed { | |
| 2641 margin: 0px; | |
| 2642 padding: 0px; | |
| 2643 background: #d1d1d1; | |
| 2644 border: 1px solid #909090; | |
| 2645 } | |
| 2646 | |
| 2647 /* jqxWindow */ | |
| 2648 .jqx-window { | |
| 2649 position: absolute; | |
| 2650 overflow: hidden; | |
| 2651 border: 1px solid transparent; | |
| 2652 } | |
| 2653 /*applied to the jqxWindow when it’s disabled*/ | |
| 2654 .jqx-window-disabled { | |
| 2655 } | |
| 2656 /*applied to the window’s header*/ | |
| 2657 .jqx-window-header { | |
| 2658 outline: none; | |
| 2659 border-width: 0px; | |
| 2660 border-bottom: 1px solid transparent; | |
| 2661 overflow: hidden; | |
| 2662 padding: 7px; | |
| 2663 height: auto; | |
| 2664 white-space: nowrap; | |
| 2665 overflow: hidden; | |
| 2666 } | |
| 2667 /*applied to the window’s header when the window is disabled*/ | |
| 2668 .jqx-window-header-disabled { | |
| 2669 } | |
| 2670 /*applied to the window’s content*/ | |
| 2671 .jqx-window-content { | |
| 2672 outline: none; | |
| 2673 overflow: auto; | |
| 2674 text-align: left; | |
| 2675 background-color: transparent; | |
| 2676 padding: 5px; | |
| 2677 -webkit-background-clip: padding-box; | |
| 2678 background-clip: padding-box; | |
| 2679 } | |
| 2680 /*applied to the window’s content when the window is disabled*/ | |
| 2681 .jqx-window-content-disabled { | |
| 2682 outline: none; | |
| 2683 overflow: auto; | |
| 2684 text-align: left; | |
| 2685 padding: 5px; | |
| 2686 } | |
| 2687 /*applied to the window’s close button*/ | |
| 2688 .jqx-window-close-button { | |
| 2689 cursor: pointer; | |
| 2690 background-image: url(./images/close.png); | |
| 2691 background-repeat: no-repeat; | |
| 2692 margin-top: 2px; | |
| 2693 } | |
| 2694 /*applied to the window's collapse button*/ | |
| 2695 .jqx-window-collapse-button { | |
| 2696 background-image: url(./images/icon-up.png); | |
| 2697 cursor: pointer; | |
| 2698 margin-top: 3px; | |
| 2699 } | |
| 2700 /*applied to the window's collapse button when the window is collapsed*/ | |
| 2701 .jqx-window-collapse-button-collapsed { | |
| 2702 margin-top: 3px; | |
| 2703 cursor: pointer; | |
| 2704 background-image: url(./images/icon-down.png); | |
| 2705 } | |
| 2706 /*setting styles of the modal window’s background*/ | |
| 2707 .jqx-window-modal { | |
| 2708 background-color: Black; | |
| 2709 } | |
| 2710 | |
| 2711 .jqx-window-close-button-hover { | |
| 2712 } | |
| 2713 | |
| 2714 .jqx-docking { | |
| 2715 overflow: hidden; | |
| 2716 } | |
| 2717 | |
| 2718 .jqx-docking-panel { | |
| 2719 margin: 0px; | |
| 2720 padding: 0px; | |
| 2721 min-height: 100px; | |
| 2722 } | |
| 2723 | |
| 2724 .jqx-docking-drop-indicator { | |
| 2725 border-style: dashed; | |
| 2726 border-width: 1px; | |
| 2727 margin: 0px; | |
| 2728 } | |
| 2729 | |
| 2730 .jqx-docking-window { | |
| 2731 margin: 0px; | |
| 2732 } | |
| 2733 | |
| 2734 /* jxSlider */ | |
| 2735 /* applied to jqxSlider widget */ | |
| 2736 .jqx-slider { | |
| 2737 outline: none; | |
| 2738 clear: both; | |
| 2739 position: relative; | |
| 2740 overflow: hidden; | |
| 2741 } | |
| 2742 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ | |
| 2743 .jqx-slider-tick { | |
| 2744 border-left: 1px solid transparent; | |
| 2745 z-index: 9; | |
| 2746 } | |
| 2747 /*applied to the ticks when the slider is in horizontal mode*/ | |
| 2748 .jqx-slider-tick-horizontal { | |
| 2749 width: 1px; | |
| 2750 border-left: none; | |
| 2751 margin-top: 1px; | |
| 2752 } | |
| 2753 /*applied to the ticks when the slider is in vertical mode*/ | |
| 2754 .jqx-slider-tick-vertical { | |
| 2755 height: 1px; | |
| 2756 border-top: none; | |
| 2757 } | |
| 2758 /*applied to the ticks container*/ | |
| 2759 .jqx-slider-tickscontainer { | |
| 2760 z-index: 10; | |
| 2761 position: relative; | |
| 2762 margin-top: 0px; | |
| 2763 margin-bottom: 0px; | |
| 2764 z-index: 9; | |
| 2765 } | |
| 2766 /*applied to the jqxSlider thumb used for changing/indicating current value*/ | |
| 2767 .jqx-slider-slider { | |
| 2768 cursor: pointer; | |
| 2769 width: 20px; | |
| 2770 height: 20px; | |
| 2771 z-index: 15; | |
| 2772 position: absolute; | |
| 2773 left: 0px; | |
| 2774 top: 0px; | |
| 2775 -moz-border-radius: 100%; | |
| 2776 -webkit-border-radius: 100%; | |
| 2777 border-radius: 100%; | |
| 2778 } | |
| 2779 | |
| 2780 .jqx-slider-button { | |
| 2781 cursor: pointer; | |
| 2782 -moz-border-radius: 100%; | |
| 2783 -webkit-border-radius: 100%; | |
| 2784 border-radius: 100%; | |
| 2785 box-sizing: content-box !important; | |
| 2786 padding: 3px !important; | |
| 2787 } | |
| 2788 /*applied to the slider's thumb when the slider is in horizontal mode*/ | |
| 2789 .jqx-slider-slider-horizontal { | |
| 2790 margin-top: -9px; | |
| 2791 -moz-border-radius: 100%; | |
| 2792 -webkit-border-radius: 100%; | |
| 2793 border-radius: 100%; | |
| 2794 border: 1px solid transparent; | |
| 2795 } | |
| 2796 /*applied to the slider's thumb when the slider is in vertical mode*/ | |
| 2797 .jqx-slider-slider-vertical { | |
| 2798 margin-left: -9px; | |
| 2799 -moz-border-radius: 100%; | |
| 2800 -webkit-border-radius: 100%; | |
| 2801 border-radius: 100%; | |
| 2802 border: 1px solid transparent; | |
| 2803 } | |
| 2804 /*applied to the track where is located the thumb*/ | |
| 2805 .jqx-slider-track { | |
| 2806 height: 4px; | |
| 2807 float: left; | |
| 2808 position: relative; | |
| 2809 z-index: 20; | |
| 2810 cursor: pointer; | |
| 2811 } | |
| 2812 /*used in horizontal slider*/ | |
| 2813 .jqx-slider-track-horizontal { | |
| 2814 height: 4px; | |
| 2815 margin-top: 2px; | |
| 2816 } | |
| 2817 /*used in vertical slider*/ | |
| 2818 .jqx-slider-track-vertical { | |
| 2819 width: 4px; | |
| 2820 } | |
| 2821 /*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*/ | |
| 2822 .jqx-slider-rangebar { | |
| 2823 } | |
| 2824 | |
| 2825 /* jqxSplitter */ | |
| 2826 .jqx-splitter { | |
| 2827 overflow: hidden; | |
| 2828 border: 1px solid transparent; | |
| 2829 position: relative; | |
| 2830 } | |
| 2831 /* Split bar's class when the jqxSplitter is with horizontal orientation */ | |
| 2832 .jqx-splitter-splitbar-vertical { | |
| 2833 border: 1px solid transparent; | |
| 2834 border-top-width: 0px; | |
| 2835 border-bottom-width: 0px; | |
| 2836 cursor: e-resize; | |
| 2837 cursor: col-resize; | |
| 2838 position: absolute; | |
| 2839 } | |
| 2840 /* Split bar's mouse over state */ | |
| 2841 .jqx-splitter-splitbar-hover { | |
| 2842 background-color: transparent; | |
| 2843 } | |
| 2844 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ | |
| 2845 .jqx-splitter-splitbar-horizontal { | |
| 2846 position: absolute; | |
| 2847 border: 1px solid transparent; | |
| 2848 border-left-width: 0px; | |
| 2849 border-right-width: 0px; | |
| 2850 cursor: n-resize; | |
| 2851 cursor: row-resize; | |
| 2852 } | |
| 2853 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ | |
| 2854 .jqx-splitter-splitbar-invalid { | |
| 2855 background: #FF0000 !important; | |
| 2856 } | |
| 2857 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ | |
| 2858 .jqx-splitter-collapse-button-horizontal { | |
| 2859 cursor: pointer; | |
| 2860 width: 45px; | |
| 2861 height: 5px; | |
| 2862 } | |
| 2863 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ | |
| 2864 .jqx-splitter-collapse-button-vertical { | |
| 2865 cursor: pointer; | |
| 2866 width: 5px; | |
| 2867 height: 45px; | |
| 2868 } | |
| 2869 /* This class is added when the user disable the splitter. */ | |
| 2870 .jqx-splitter-splitbar-collapsed { | |
| 2871 cursor: default; | |
| 2872 } | |
| 2873 /* Applied to the jqxSplitter panels. */ | |
| 2874 .jqx-splitter-panel { | |
| 2875 border: none; | |
| 2876 outline: none; | |
| 2877 position: absolute; | |
| 2878 overflow: hidden; | |
| 2879 } | |
| 2880 /* This class is added to a nested splitter.*/ | |
| 2881 .jqx-splitter-nested, .jqx-splitter-panel-nested { | |
| 2882 border: none; | |
| 2883 overflow: hidden; | |
| 2884 } | |
| 2885 | |
| 2886 .jqx-draggable { | |
| 2887 } | |
| 2888 | |
| 2889 .jqx-draggable-dragging { | |
| 2890 border: 0px solid black; | |
| 2891 } | |
| 2892 | |
| 2893 .jqx-draggable-disabled { | |
| 2894 cursor: default; | |
| 2895 } | |
| 2896 | |
| 2897 .jqx-validator-hint { | |
| 2898 height: 18px; | |
| 2899 width: auto; | |
| 2900 display: inline-block; | |
| 2901 cursor: pointer; | |
| 2902 padding-left: 5px; | |
| 2903 padding-right: 5px; | |
| 2904 font-family: Verdana; | |
| 2905 font-size: 13px; | |
| 2906 border: 1px solid #6E0000; | |
| 2907 background-color: #942724; | |
| 2908 color: #fff; | |
| 2909 z-index: 99999; | |
| 2910 white-space: nowrap; | |
| 2911 } | |
| 2912 | |
| 2913 .jqx-validator-hint-arrow { | |
| 2914 z-index: 99999; | |
| 2915 height: 9px; | |
| 2916 width: 9px; | |
| 2917 padding: 0px; | |
| 2918 margin: 0px; | |
| 2919 background-color: transparent; | |
| 2920 background-image: url(./images/multi-arrow.gif); | |
| 2921 } | |
| 2922 | |
| 2923 .jqx-validator-error-label { | |
| 2924 color: #dd4b39; | |
| 2925 vertical-align: top; | |
| 2926 text-align: left; | |
| 2927 display: block; | |
| 2928 cursor: default; | |
| 2929 line-height: 17px; | |
| 2930 } | |
| 2931 | |
| 2932 .jqx-validator-error-element { | |
| 2933 border-color: #dd4b39 !important; | |
| 2934 } | |
| 2935 | |
| 2936 .jqx-switchbutton { | |
| 2937 outline: none; | |
| 2938 overflow: hidden; | |
| 2939 -moz-border-radius: 5px; | |
| 2940 -webkit-border-radius: 5px; | |
| 2941 border-radius: 5px; | |
| 2942 border: 1px solid #ccc; | |
| 2943 } | |
| 2944 .jqx-switchbutton[aria-disabled="true"] { | |
| 2945 opacity: 0.5; | |
| 2946 pointer-events: none; | |
| 2947 } | |
| 2948 .jqx-switchbutton-thumb { | |
| 2949 display: inline-block; | |
| 2950 cursor: pointer; | |
| 2951 border: 1px solid #ccc; | |
| 2952 } | |
| 2953 | |
| 2954 .jqx-switchbutton-label { | |
| 2955 font-size: 15px; | |
| 2956 font-family: Sans-Serif; | |
| 2957 text-align: center; | |
| 2958 text-transform: uppercase; | |
| 2959 font-weight: bold; | |
| 2960 } | |
| 2961 | |
| 2962 .jqx-switchbutton-wrapper { | |
| 2963 } | |
| 2964 | |
| 2965 .jqx-switchbutton-label-on { | |
| 2966 } | |
| 2967 | |
| 2968 .jqx-switchbutton-label-off { | |
| 2969 } | |
| 2970 | |
| 2971 /*left, right, up and down arrow icons.*/ | |
| 2972 .jqx-left-arrow { | |
| 2973 background: transparent; | |
| 2974 background-image: url('images/icon-left.png'); | |
| 2975 cursor: pointer; | |
| 2976 } | |
| 2977 | |
| 2978 .jqx-right-arrow { | |
| 2979 background: transparent; | |
| 2980 background-image: url('images/icon-right.png'); | |
| 2981 cursor: pointer; | |
| 2982 } | |
| 2983 | |
| 2984 .jqx-icon-delete { | |
| 2985 background-image: url('images/icon-delete.png'); | |
| 2986 background-repeat: no-repeat; | |
| 2987 background-position: center; | |
| 2988 } | |
| 2989 | |
| 2990 .jqx-icon-edit { | |
| 2991 background-image: url('images/icon-edit.png'); | |
| 2992 background-repeat: no-repeat; | |
| 2993 background-position: center; | |
| 2994 } | |
| 2995 | |
| 2996 .jqx-icon-save { | |
| 2997 background-image: url('images/icon-save.png'); | |
| 2998 background-repeat: no-repeat; | |
| 2999 background-position: center; | |
| 3000 } | |
| 3001 | |
| 3002 .jqx-icon-cancel { | |
| 3003 background-image: url('images/icon-cancel.png'); | |
| 3004 background-repeat: no-repeat; | |
| 3005 background-position: center; | |
| 3006 } | |
| 3007 | |
| 3008 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected { | |
| 3009 background-image: url('images/icon-up.png'); | |
| 3010 background-repeat: no-repeat; | |
| 3011 background-position: center; | |
| 3012 } | |
| 3013 | |
| 3014 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected { | |
| 3015 background-image: url('images/icon-down.png'); | |
| 3016 background-repeat: no-repeat; | |
| 3017 background-position: center; | |
| 3018 } | |
| 3019 | |
| 3020 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected { | |
| 3021 background-image: url('images/icon-left.png'); | |
| 3022 background-repeat: no-repeat; | |
| 3023 background-position: center; | |
| 3024 } | |
| 3025 | |
| 3026 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected { | |
| 3027 background-image: url('images/icon-right.png'); | |
| 3028 background-repeat: no-repeat; | |
| 3029 background-position: center; | |
| 3030 } | |
| 3031 | |
| 3032 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected { | |
| 3033 background-image: url('images/icon-first.png'); | |
| 3034 background-repeat: no-repeat; | |
| 3035 background-position: center; | |
| 3036 } | |
| 3037 | |
| 3038 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected { | |
| 3039 background-image: url('images/icon-last.png'); | |
| 3040 background-repeat: no-repeat; | |
| 3041 background-position: center; | |
| 3042 } | |
| 3043 | |
| 3044 .jqx-icon-arrow-up-hover { | |
| 3045 background-image: url('images/icon-up.png'); | |
| 3046 background-repeat: no-repeat; | |
| 3047 background-position: center; | |
| 3048 } | |
| 3049 | |
| 3050 .jqx-icon-arrow-down-hover { | |
| 3051 background-image: url('images/icon-down.png'); | |
| 3052 background-repeat: no-repeat; | |
| 3053 background-position: center; | |
| 3054 } | |
| 3055 | |
| 3056 .jqx-icon-arrow-left-hover { | |
| 3057 background-image: url('images/icon-left.png'); | |
| 3058 background-repeat: no-repeat; | |
| 3059 background-position: center; | |
| 3060 } | |
| 3061 | |
| 3062 .jqx-icon-arrow-right-hover { | |
| 3063 background-image: url('images/icon-right.png'); | |
| 3064 background-repeat: no-repeat; | |
| 3065 background-position: center; | |
| 3066 } | |
| 3067 | |
| 3068 .jqx-icon-arrow-up-selected { | |
| 3069 background-image: url('images/icon-up.png'); | |
| 3070 background-repeat: no-repeat; | |
| 3071 background-position: center; | |
| 3072 } | |
| 3073 | |
| 3074 .jqx-icon-arrow-down-selected { | |
| 3075 background-image: url('images/icon-down.png'); | |
| 3076 background-repeat: no-repeat; | |
| 3077 background-position: center; | |
| 3078 } | |
| 3079 | |
| 3080 .jqx-icon-arrow-left-selected { | |
| 3081 background-image: url('images/icon-left.png'); | |
| 3082 background-repeat: no-repeat; | |
| 3083 background-position: center; | |
| 3084 } | |
| 3085 | |
| 3086 .jqx-icon-arrow-right-selected { | |
| 3087 background-image: url('images/icon-right.png'); | |
| 3088 background-repeat: no-repeat; | |
| 3089 background-position: center; | |
| 3090 } | |
| 3091 | |
| 3092 .jqx-icon-close { | |
| 3093 cursor: pointer; | |
| 3094 background-image: url(./images/close.png); | |
| 3095 background-repeat: no-repeat; | |
| 3096 background-position: center; | |
| 3097 } | |
| 3098 | |
| 3099 .jqx-icon-close-white { | |
| 3100 background-image: url(./images/close_white.png); | |
| 3101 } | |
| 3102 | |
| 3103 .jqx-icon-close-hover { | |
| 3104 cursor: pointer; | |
| 3105 background-image: url(./images/close.png); | |
| 3106 background-repeat: no-repeat; | |
| 3107 background-position: center; | |
| 3108 } | |
| 3109 | |
| 3110 .jqx-icon-search { | |
| 3111 cursor: pointer; | |
| 3112 background-image: url(./images/search.png); | |
| 3113 background-repeat: no-repeat; | |
| 3114 background-position: center; | |
| 3115 margin-top: 1px; | |
| 3116 background-size: 13px; | |
| 3117 width: 13px; | |
| 3118 height: 13px; | |
| 3119 } | |
| 3120 | |
| 3121 .jqx-icon-plus { | |
| 3122 background-image: url(./images/plus.png); | |
| 3123 background-repeat: no-repeat; | |
| 3124 background-position: center; | |
| 3125 background-size: 16px; | |
| 3126 width: 16px; | |
| 3127 height: 16px; | |
| 3128 } | |
| 3129 | |
| 3130 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white { | |
| 3131 background-image: url(./images/icon-plus.png); | |
| 3132 background-repeat: no-repeat; | |
| 3133 background-position: center; | |
| 3134 background-size: 16px; | |
| 3135 width: 16px; | |
| 3136 height: 16px; | |
| 3137 } | |
| 3138 | |
| 3139 .jqx-icon-plus-alt-white { | |
| 3140 background-image: url(./images/icon-plus-white.png); | |
| 3141 } | |
| 3142 /* jqxScrollView */ | |
| 3143 .jqx-scrollview-button { | |
| 3144 width: 10px; | |
| 3145 height: 10px; | |
| 3146 border-radius: 10px; | |
| 3147 -moz-border-radius: 10px; | |
| 3148 -webkit-border-radius: 10px; | |
| 3149 display: inline-block; | |
| 3150 margin: 2px; | |
| 3151 cursor: pointer; | |
| 3152 background-color: #aaaeaf; | |
| 3153 } | |
| 3154 | |
| 3155 .jqx-scrollview { | |
| 3156 background-color: #000; | |
| 3157 -ms-touch-action: auto !important; | |
| 3158 } | |
| 3159 | |
| 3160 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed { | |
| 3161 background-image: url('images/icon-calendar.png'); | |
| 3162 background-repeat: no-repeat; | |
| 3163 background-position: left top; | |
| 3164 position: relative; | |
| 3165 width: 15px !important; | |
| 3166 height: 15px !important; | |
| 3167 margin-top: -7.5px !important; | |
| 3168 } | |
| 3169 /*applied to Inputs*/ | |
| 3170 .jqx-input-widget { | |
| 3171 box-sizing: border-box !important; | |
| 3172 } | |
| 3173 | |
| 3174 .jqx-input { | |
| 3175 overflow: hidden; | |
| 3176 background-color: inherit; | |
| 3177 border-color: #c7c7c7; | |
| 3178 } | |
| 3179 | |
| 3180 .jqx-input-invalid { | |
| 3181 color: red !important; | |
| 3182 } | |
| 3183 | |
| 3184 .jqx-input-group { | |
| 3185 overflow: hidden; | |
| 3186 } | |
| 3187 | |
| 3188 .jqx-input-group-addon { | |
| 3189 border: 1px solid transparent; | |
| 3190 position: relative; | |
| 3191 -webkit-box-sizing: border-box !important; | |
| 3192 -moz-box-sizing: border-box !important; | |
| 3193 box-sizing: border-box !important; | |
| 3194 padding: 2px 8px !important; | |
| 3195 float: left; | |
| 3196 white-space: nowrap; | |
| 3197 vertical-align: middle; | |
| 3198 } | |
| 3199 | |
| 3200 .jqx-input-group-addon:first-child { | |
| 3201 border-right-width: 0px; | |
| 3202 border-bottom-right-radius: 0 !important; | |
| 3203 border-top-right-radius: 0 !important; | |
| 3204 } | |
| 3205 | |
| 3206 .jqx-input-group-addon:last-child { | |
| 3207 border-left-width: 0px; | |
| 3208 border-bottom-left-radius: 0 !important; | |
| 3209 border-top-left-radius: 0 !important; | |
| 3210 } | |
| 3211 | |
| 3212 .jqx-input-group-addon:not(:last-child):not(:first-child) { | |
| 3213 border-bottom-left-radius: 0 !important; | |
| 3214 border-top-left-radius: 0 !important; | |
| 3215 border-bottom-right-radius: 0 !important; | |
| 3216 border-top-right-radius: 0 !important; | |
| 3217 border-left-width: 0px; | |
| 3218 } | |
| 3219 | |
| 3220 .jqx-input-group .jqx-input { | |
| 3221 padding: 2px 1px !important; | |
| 3222 border-left-width: 1px !important; | |
| 3223 border-right-width: 1px !important; | |
| 3224 } | |
| 3225 | |
| 3226 .jqx-editor { | |
| 3227 border-style: solid; | |
| 3228 border-width: 1px; | |
| 3229 border-color: transparent; | |
| 3230 overflow: hidden; | |
| 3231 box-sizing: border-box !important; | |
| 3232 } | |
| 3233 | |
| 3234 .jqx-editor-window { | |
| 3235 overflow: hidden; | |
| 3236 } | |
| 3237 | |
| 3238 .jqx-editor-inline { | |
| 3239 padding: 0px; | |
| 3240 border-width: 1px; | |
| 3241 border-style: solid; | |
| 3242 border-color: transparent; | |
| 3243 } | |
| 3244 | |
| 3245 .jqx-editor-inline p { | |
| 3246 margin: 0px; | |
| 3247 padding: 0 .2em; | |
| 3248 } | |
| 3249 | |
| 3250 .jqx-editor-inline-focus { | |
| 3251 border-width: 1px; | |
| 3252 border-style: solid; | |
| 3253 overflow: auto; | |
| 3254 } | |
| 3255 | |
| 3256 .jqx-editor iframe { | |
| 3257 border: 0; | |
| 3258 margin: 0; | |
| 3259 padding: 0; | |
| 3260 background: #fff; | |
| 3261 display: inline; | |
| 3262 vertical-align: top; | |
| 3263 width: 100%; | |
| 3264 height: 100%; | |
| 3265 } | |
| 3266 | |
| 3267 .jqx-editor-color-bar { | |
| 3268 height: 3px; | |
| 3269 } | |
| 3270 | |
| 3271 .jqx-editor-color-picker table { | |
| 3272 margin: 0; | |
| 3273 padding: 0 4px 4px; | |
| 3274 empty-cells: show; | |
| 3275 border-collapse: separate; | |
| 3276 } | |
| 3277 | |
| 3278 .jqx-editor-color-picker td { | |
| 3279 border-collapse: separate; | |
| 3280 border: 1px solid transparent; | |
| 3281 cursor: pointer; | |
| 3282 margin: 0; | |
| 3283 position: relative; | |
| 3284 } | |
| 3285 | |
| 3286 .jqx-editor-color-picker td:hover { | |
| 3287 border: 1px solid #000; | |
| 3288 } | |
| 3289 | |
| 3290 .jqx-editor-color-picker-selected-cell { | |
| 3291 outline: 1px solid #000; | |
| 3292 } | |
| 3293 | |
| 3294 .jqx-editor-color-picker td div { | |
| 3295 width: 16px; | |
| 3296 height: 16px; | |
| 3297 } | |
| 3298 | |
| 3299 .jqx-editor-content { | |
| 3300 width: 100%; | |
| 3301 border-style: solid; | |
| 3302 border-width: 1px; | |
| 3303 outline: 0; | |
| 3304 left: 0px; | |
| 3305 position: relative; | |
| 3306 box-sizing: border-box !important; | |
| 3307 } | |
| 3308 | |
| 3309 .jqx-editor-container { | |
| 3310 position: relative; | |
| 3311 padding: 4px; | |
| 3312 padding-top: 0px; | |
| 3313 width: 100%; | |
| 3314 height: 100%; | |
| 3315 box-sizing: border-box !important; | |
| 3316 } | |
| 3317 | |
| 3318 .jqx-editor-toolbar-container { | |
| 3319 top: 0px; | |
| 3320 left: 0px; | |
| 3321 box-sizing: border-box !important; | |
| 3322 } | |
| 3323 | |
| 3324 .jqx-editor-toolbar-inline { | |
| 3325 padding: 0px 4px; | |
| 3326 border-width: 1px; | |
| 3327 border-style: solid; | |
| 3328 } | |
| 3329 | |
| 3330 .jqx-editor-toolbar { | |
| 3331 margin: 0; | |
| 3332 padding: 0px; | |
| 3333 padding-bottom: 4px; | |
| 3334 } | |
| 3335 | |
| 3336 .jqx-editor-toolbar-icon { | |
| 3337 height: 21px; | |
| 3338 width: 21px; | |
| 3339 vertical-align: middle; | |
| 3340 opacity: .667; | |
| 3341 margin: 2px 0; | |
| 3342 background: url('images/html_editor.png') no-repeat; | |
| 3343 } | |
| 3344 | |
| 3345 .jqx-editor-toolbar-icon-bold { | |
| 3346 background-position: 0px 0px !important; | |
| 3347 } | |
| 3348 | |
| 3349 .jqx-editor-toolbar-icon-italic { | |
| 3350 background-position: -21px 0px !important; | |
| 3351 } | |
| 3352 | |
| 3353 .jqx-editor-toolbar-icon-underline { | |
| 3354 background-position: -42px 0px !important; | |
| 3355 } | |
| 3356 | |
| 3357 .jqx-editor-toolbar-icon-fontname { | |
| 3358 background-position: -63px 0px !important; | |
| 3359 } | |
| 3360 | |
| 3361 .jqx-editor-toolbar-icon-fontsize { | |
| 3362 background-position: -84px 0px !important; | |
| 3363 } | |
| 3364 | |
| 3365 .jqx-editor-toolbar-icon-createlink { | |
| 3366 background-position: -147px 0px !important; | |
| 3367 } | |
| 3368 | |
| 3369 .jqx-editor-toolbar-icon-insertorderedlist { | |
| 3370 background-position: -168px 0px !important; | |
| 3371 } | |
| 3372 | |
| 3373 .jqx-editor-toolbar-icon-insertunorderedlist { | |
| 3374 background-position: -189px 0px !important; | |
| 3375 } | |
| 3376 | |
| 3377 .jqx-editor-toolbar-icon-outdent { | |
| 3378 background-position: -210px 0px !important; | |
| 3379 } | |
| 3380 | |
| 3381 .jqx-editor-toolbar-icon-indent { | |
| 3382 background-position: -231px 0px !important; | |
| 3383 } | |
| 3384 | |
| 3385 .jqx-editor-toolbar-icon-insertimage { | |
| 3386 background-position: -337px 0px !important; | |
| 3387 } | |
| 3388 | |
| 3389 .jqx-editor-toolbar-icon-justifyleft { | |
| 3390 background-position: -252px 0px !important; | |
| 3391 } | |
| 3392 | |
| 3393 .jqx-editor-toolbar-icon-justifycenter { | |
| 3394 background-position: -273px 0px !important; | |
| 3395 } | |
| 3396 | |
| 3397 .jqx-editor-toolbar-icon-justifyright { | |
| 3398 background-position: -294px 0px !important; | |
| 3399 } | |
| 3400 | |
| 3401 .jqx-editor-toolbar-icon-removeformat { | |
| 3402 background-position: -316px 0px !important; | |
| 3403 } | |
| 3404 | |
| 3405 .jqx-editor-toolbar-icon-viewsource { | |
| 3406 background-position: -359px 0px !important; | |
| 3407 } | |
| 3408 | |
| 3409 .jqx-editor-toolbar-icon-forecolor { | |
| 3410 background-position: -105px 0px !important; | |
| 3411 height: 15px; | |
| 3412 } | |
| 3413 | |
| 3414 .jqx-editor-toolbar-icon-backcolor { | |
| 3415 background-position: -380px 0px !important; | |
| 3416 height: 15px; | |
| 3417 } | |
| 3418 | |
| 3419 .jqx-editor-toolbar-icon:hover { | |
| 3420 opacity: 1; | |
| 3421 } | |
| 3422 | |
| 3423 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { | |
| 3424 opacity: .667; | |
| 3425 } | |
| 3426 | |
| 3427 .jqx-editor-toolbar-item { | |
| 3428 display: inline-block; | |
| 3429 margin-left: 2px; | |
| 3430 vertical-align: middle; | |
| 3431 } | |
| 3432 | |
| 3433 .jqx-editor-toolbar-separator { | |
| 3434 border-left: 1px solid #ccc; | |
| 3435 margin: 0 2px; | |
| 3436 outline: none; | |
| 3437 overflow: hidden; | |
| 3438 padding: 0; | |
| 3439 text-decoration: none; | |
| 3440 vertical-align: middle; | |
| 3441 width: 0; | |
| 3442 display: inline-block; | |
| 3443 } | |
| 3444 | |
| 3445 .jqx-editor-toolbar-group { | |
| 3446 display: inline-block; | |
| 3447 margin-right: 4px; | |
| 3448 margin-top: 4px; | |
| 3449 white-space: nowrap; | |
| 3450 } | |
| 3451 | |
| 3452 .jqx-editor-toolbar-button { | |
| 3453 text-decoration: none; | |
| 3454 vertical-align: middle; | |
| 3455 cursor: default; | |
| 3456 display: inline-block; | |
| 3457 padding: 0px !important; | |
| 3458 margin-right: 2px; | |
| 3459 } | |
| 3460 | |
| 3461 .jqx-editor-toolbar-group .jqx-editor-toolbar-button { | |
| 3462 margin-right: -1px; | |
| 3463 box-shadow: none; | |
| 3464 position: relative; | |
| 3465 margin-left: 0px !important; | |
| 3466 } | |
| 3467 | |
| 3468 .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active { | |
| 3469 z-index: 55; | |
| 3470 } | |
| 3471 | |
| 3472 .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { | |
| 3473 background: transparent !important; | |
| 3474 } | |
| 3475 | |
| 3476 .jqx-date-time-input-popup table td a { | |
| 3477 border: 1px transparent solid; | |
| 3478 width: 100%; | |
| 3479 display: inline-block; | |
| 3480 margin: 0; | |
| 3481 padding: 0; | |
| 3482 outline: 0; | |
| 3483 color: #333; | |
| 3484 } | |
| 3485 | |
| 3486 .jqx-date-time-input-popup table td input { | |
| 3487 width: 25px; | |
| 3488 margin: 0; | |
| 3489 text-align: center; | |
| 3490 padding: 4px 6px; | |
| 3491 height: 20px; | |
| 3492 line-height: 20px; | |
| 3493 vertical-align: middle; | |
| 3494 } | |
| 3495 | |
| 3496 .jqx-scheduler .jqx-cell { | |
| 3497 padding: 0px !important; | |
| 3498 cursor: default; | |
| 3499 } | |
| 3500 | |
| 3501 .jqx-scheduler .jqx-widget-header.jqx-grid-header { | |
| 3502 border-bottom-color: transparent; | |
| 3503 border-bottom-width: 0px; | |
| 3504 } | |
| 3505 | |
| 3506 .jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header { | |
| 3507 border-bottom: 1px solid #c5c5c5; | |
| 3508 } | |
| 3509 | |
| 3510 .jqx-grid-column-header[sort] > div > div { | |
| 3511 width: calc(100% - 20px); | |
| 3512 } | |
| 3513 | |
| 3514 .jqx-grid-column-header[filter] > div > div { | |
| 3515 width: calc(100% - 20px); | |
| 3516 } | |
| 3517 | |
| 3518 .jqx-grid-column-header[filter][sort] > div > div { | |
| 3519 width: calc(100% - 40px); | |
| 3520 } | |
| 3521 | |
| 3522 .jqx-scheduler-all-day-cell { | |
| 3523 text-align: left; | |
| 3524 } | |
| 3525 | |
| 3526 .jqx-scheduler-all-day-cell span { | |
| 3527 margin-left: 3px; | |
| 3528 } | |
| 3529 | |
| 3530 .jqx-scheduler-month-cell { | |
| 3531 background: #f2f2f2; | |
| 3532 color: #000; | |
| 3533 opacity: 0.8; | |
| 3534 border-bottom-width: 1px; | |
| 3535 border-bottom-style: solid; | |
| 3536 border-bottom-color: inherit; | |
| 3537 vertical-align: top; | |
| 3538 text-align: left; | |
| 3539 } | |
| 3540 | |
| 3541 .jqx-scheduler-month-cell-touch { | |
| 3542 background: transparent; | |
| 3543 border: none; | |
| 3544 vertical-align: middle; | |
| 3545 text-align: center; | |
| 3546 } | |
| 3547 | |
| 3548 .jqx-scheduler-month-cell-popup { | |
| 3549 border: 1px solid #333; | |
| 3550 background: #f2f2f2; | |
| 3551 box-shadow: 0 5px 0px rgba(0,0,0,.15) !important; | |
| 3552 } | |
| 3553 | |
| 3554 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { | |
| 3555 border-bottom-color: #ddd !important; | |
| 3556 } | |
| 3557 | |
| 3558 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell { | |
| 3559 border-bottom-style: dotted; | |
| 3560 } | |
| 3561 | |
| 3562 .jqx-scheduler-work-time-cell { | |
| 3563 background: #fff; | |
| 3564 } | |
| 3565 | |
| 3566 .jqx-scheduler-not-work-time-cell { | |
| 3567 background: #eee; | |
| 3568 } | |
| 3569 | |
| 3570 .jqx-scheduler-month-outer-cell { | |
| 3571 color: #555; | |
| 3572 } | |
| 3573 | |
| 3574 .jqx-scheduler-month-weekend-cell { | |
| 3575 background: #eee; | |
| 3576 } | |
| 3577 | |
| 3578 .jqx-scheduler-disabled-cell { | |
| 3579 background: #e9edf1; | |
| 3580 } | |
| 3581 | |
| 3582 .jqx-scheduler-toolbar { | |
| 3583 font-size: 14px; | |
| 3584 } | |
| 3585 | |
| 3586 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { | |
| 3587 background-image: none !important; | |
| 3588 background: #fff !important; | |
| 3589 color: #333 !important; | |
| 3590 } | |
| 3591 | |
| 3592 .jqx-scheduler-week-number-column { | |
| 3593 background: #e8e8e8 !important; | |
| 3594 color: #333; | |
| 3595 } | |
| 3596 | |
| 3597 .jqx-scheduler-time-column-header-cell { | |
| 3598 border-left-color: transparent !important; | |
| 3599 } | |
| 3600 | |
| 3601 .jqx-scheduler-time-column-header-cell-rtl { | |
| 3602 border-right-color: transparent !important; | |
| 3603 } | |
| 3604 | |
| 3605 .jqx-scheduler-appointment { | |
| 3606 overflow: visible; | |
| 3607 border: 1px solid #555; | |
| 3608 white-space: pre-line; | |
| 3609 cursor: pointer; | |
| 3610 vertical-align: middle; | |
| 3611 text-overflow: ellipsis; | |
| 3612 user-select: none; | |
| 3613 } | |
| 3614 | |
| 3615 .jqx-scheduler-appointment-rtl { | |
| 3616 direction: rtl; | |
| 3617 text-align: right; | |
| 3618 } | |
| 3619 | |
| 3620 .jqx-scheduler-appointment-content { | |
| 3621 overflow: hidden; | |
| 3622 text-overflow: ellipsis; | |
| 3623 height: 100%; | |
| 3624 padding-left: 5px; | |
| 3625 padding-right: 5px; | |
| 3626 } | |
| 3627 | |
| 3628 .jqx-scheduler-appointment-inner-content { | |
| 3629 overflow: hidden; | |
| 3630 width: 100%; | |
| 3631 text-overflow: ellipsis; | |
| 3632 padding-bottom: 3px; | |
| 3633 } | |
| 3634 | |
| 3635 .jqx-scheduler-appointment-duration-status { | |
| 3636 height: 0px; | |
| 3637 border-bottom-width: 2px; | |
| 3638 border-bottom-style: dotted; | |
| 3639 border-color: #f05c2d; | |
| 3640 background: #f05c2d; | |
| 3641 position: absolute; | |
| 3642 bottom: -1px; | |
| 3643 left: 0px; | |
| 3644 border-radius: 5px; | |
| 3645 } | |
| 3646 | |
| 3647 .jqx-scheduler-appointment-status { | |
| 3648 width: 4px; | |
| 3649 height: 100%; | |
| 3650 border-right-width: 1px; | |
| 3651 border-right-style: solid; | |
| 3652 position: absolute; | |
| 3653 top: 0px; | |
| 3654 left: 0px; | |
| 3655 } | |
| 3656 | |
| 3657 .jqx-scheduler-appointment-status-rtl { | |
| 3658 width: 4px; | |
| 3659 height: 100%; | |
| 3660 border-right-width: 0px; | |
| 3661 border-right-style: none; | |
| 3662 border-left-width: 1px; | |
| 3663 border-left-style: solid; | |
| 3664 position: absolute; | |
| 3665 top: 0px; | |
| 3666 right: 0px; | |
| 3667 } | |
| 3668 | |
| 3669 .jqx-scheduler-appointment-status-stripes { | |
| 3670 background-image: url('images/stripes.png'); | |
| 3671 background-repeat: repeat-y; | |
| 3672 background-position: left top; | |
| 3673 } | |
| 3674 | |
| 3675 .jqx-scheduler-appointment-resize-indicator { | |
| 3676 width: 4px; | |
| 3677 height: 4px; | |
| 3678 position: absolute; | |
| 3679 border: 1px solid black; | |
| 3680 background: white; | |
| 3681 display: none; | |
| 3682 } | |
| 3683 | |
| 3684 .jqx-scheduler-appointment-top-resize-indicator { | |
| 3685 top: -3px; | |
| 3686 left: 50%; | |
| 3687 margin-left: -2px; | |
| 3688 cursor: row-resize; | |
| 3689 } | |
| 3690 | |
| 3691 .jqx-scheduler-appointment-bottom-resize-indicator { | |
| 3692 cursor: row-resize; | |
| 3693 bottom: -3px; | |
| 3694 left: 50%; | |
| 3695 margin-left: -2px; | |
| 3696 } | |
| 3697 | |
| 3698 .jqx-scheduler-appointment-left-resize-indicator { | |
| 3699 cursor: col-resize; | |
| 3700 top: 50%; | |
| 3701 left: -3px; | |
| 3702 margin-top: -2px; | |
| 3703 } | |
| 3704 | |
| 3705 .jqx-scheduler-appointment-right-resize-indicator { | |
| 3706 cursor: col-resize; | |
| 3707 top: 50%; | |
| 3708 margin-top: -2px; | |
| 3709 right: -3px; | |
| 3710 } | |
| 3711 | |
| 3712 .jqx-scheduler-appointment span { | |
| 3713 vertical-align: middle; | |
| 3714 text-overflow: ellipsis; | |
| 3715 position: relative; | |
| 3716 top: -1px; | |
| 3717 } | |
| 3718 | |
| 3719 .jqx-scheduler-feedback-appointment { | |
| 3720 opacity: 0.7; | |
| 3721 position: absolute; | |
| 3722 z-index: 99999; | |
| 3723 } | |
| 3724 | |
| 3725 .jqx-scheduler-selected-appointment { | |
| 3726 border: 1px solid #316293 !important; | |
| 3727 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 3728 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 3729 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 3730 white-space: pre-line; | |
| 3731 } | |
| 3732 | |
| 3733 .jqx-scheduler-appointment:hover { | |
| 3734 border: 1px solid #3f7ebe !important; | |
| 3735 } | |
| 3736 | |
| 3737 .jqx-scheduler-feedback-drag-appointment { | |
| 3738 background: #aaa !important; | |
| 3739 } | |
| 3740 | |
| 3741 .jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time { | |
| 3742 background-image: url('images/icon-recurrence.png'); | |
| 3743 background-repeat: no-repeat; | |
| 3744 background-position: center; | |
| 3745 width: 16px; | |
| 3746 height: 16px; | |
| 3747 float: left; | |
| 3748 margin: 3px; | |
| 3749 margin-left: 5px; | |
| 3750 } | |
| 3751 | |
| 3752 .jqx-icon-time { | |
| 3753 background-image: url('images/icon-time.png'); | |
| 3754 margin: 0px; | |
| 3755 position: relative; | |
| 3756 left: 1px; | |
| 3757 margin-top: -8px; | |
| 3758 } | |
| 3759 | |
| 3760 .jqx-icon-time-white { | |
| 3761 background-image: url('images/icon-time-white.png'); | |
| 3762 } | |
| 3763 | |
| 3764 .jqx-icon-recurrence-exception { | |
| 3765 background-image: url('images/icon-recurrence-exception.png'); | |
| 3766 } | |
| 3767 | |
| 3768 .jqx-icon-recurrence-exception-white { | |
| 3769 background-image: url('images/icon-recurrence-exception-white.png'); | |
| 3770 } | |
| 3771 | |
| 3772 .jqx-icon-recurrence-white { | |
| 3773 background-image: url('images/icon-recurrence-white.png'); | |
| 3774 } | |
| 3775 | |
| 3776 .jqx-scheduler-cell-hover { | |
| 3777 border-color: #3f7ebe !important; | |
| 3778 background: #a2c0df !important; | |
| 3779 } | |
| 3780 | |
| 3781 .jqx-scheduler-cell-selected { | |
| 3782 border-color: #316293 !important; | |
| 3783 background: #2f7eb6 !important; | |
| 3784 } | |
| 3785 | |
| 3786 .jqx-scheduler-edit-dialog-label { | |
| 3787 clear: both; | |
| 3788 float: left; | |
| 3789 margin-left: 2%; | |
| 3790 padding: 4px; | |
| 3791 text-align: right; | |
| 3792 width: 18%; | |
| 3793 line-height: 25px; | |
| 3794 } | |
| 3795 | |
| 3796 .jqx-scheduler-edit-dialog-field { | |
| 3797 clear: right; | |
| 3798 float: right; | |
| 3799 margin-right: 2%; | |
| 3800 padding: 4px; | |
| 3801 width: 380px; | |
| 3802 } | |
| 3803 | |
| 3804 .jqx-scheduler-edit-dialog-label-rtl { | |
| 3805 clear: both; | |
| 3806 float: right; | |
| 3807 margin-left: 0px; | |
| 3808 margin-right: 2%; | |
| 3809 padding: 4px; | |
| 3810 text-align: left; | |
| 3811 width: 18%; | |
| 3812 line-height: 25px; | |
| 3813 } | |
| 3814 | |
| 3815 .jqx-scheduler-edit-dialog-field-rtl { | |
| 3816 clear: left; | |
| 3817 float: left; | |
| 3818 margin-right: 0px; | |
| 3819 margin-left: 2%; | |
| 3820 padding: 4px; | |
| 3821 width: 72%; | |
| 3822 } | |
| 3823 | |
| 3824 .jqx-scheduler-legend-bar { | |
| 3825 overflow: hidden; | |
| 3826 border-color: inherit; | |
| 3827 border: none; | |
| 3828 } | |
| 3829 | |
| 3830 .jqx-scheduler-legend-bar-bottom { | |
| 3831 border-top-width: 1px; | |
| 3832 border-top-style: solid; | |
| 3833 } | |
| 3834 | |
| 3835 .jqx-scheduler-legend-bar-top { | |
| 3836 border-bottom-width: 1px; | |
| 3837 border-bottom-style: solid; | |
| 3838 } | |
| 3839 | |
| 3840 .jqx-scheduler-legend { | |
| 3841 width: 14px; | |
| 3842 height: 14px; | |
| 3843 float: left; | |
| 3844 margin-right: 3px; | |
| 3845 border-style: solid; | |
| 3846 border-width: 1px; | |
| 3847 cursor: pointer; | |
| 3848 vertical-align: middle; | |
| 3849 margin-top: 4px; | |
| 3850 } | |
| 3851 | |
| 3852 .jqx-scheduler-legend-label { | |
| 3853 float: left; | |
| 3854 margin-right: 12px; | |
| 3855 cursor: pointer; | |
| 3856 vertical-align: middle; | |
| 3857 margin-top: 4px; | |
| 3858 } | |
| 3859 | |
| 3860 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { | |
| 3861 color: #fff; | |
| 3862 } | |
| 3863 | |
| 3864 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { | |
| 3865 color: #fff; | |
| 3866 } | |
| 3867 | |
| 3868 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { | |
| 3869 color: #fff; | |
| 3870 } | |
| 3871 | |
| 3872 .jqx-scheduler-agenda-date { | |
| 3873 padding-top: 5px; | |
| 3874 padding-bottom: 5px; | |
| 3875 } | |
| 3876 | |
| 3877 .jqx-scheduler-agenda-time { | |
| 3878 padding: 5px; | |
| 3879 } | |
| 3880 | |
| 3881 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { | |
| 3882 cursor: pointer; | |
| 3883 } | |
| 3884 | |
| 3885 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { | |
| 3886 margin: 5px; | |
| 3887 cursor: pointer; | |
| 3888 } | |
| 3889 | |
| 3890 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { | |
| 3891 float: right; | |
| 3892 } | |
| 3893 | |
| 3894 .jqx-scheduler-agenda-day { | |
| 3895 margin: 3px; | |
| 3896 font-size: 33px; | |
| 3897 font-weight: normal; | |
| 3898 } | |
| 3899 | |
| 3900 .jqx-scheduler-agenda-week { | |
| 3901 font-style: normal; | |
| 3902 font-size: 13px; | |
| 3903 } | |
| 3904 | |
| 3905 .jqx-scheduler-agenda-date { | |
| 3906 font-size: 10px; | |
| 3907 } | |
| 3908 | |
| 3909 .jqx-scheduler-cell-focus { | |
| 3910 border-style: dotted; | |
| 3911 border-color: #59a0d5 !important; | |
| 3912 background: #59a0d5 !important; | |
| 3913 } | |
| 3914 /*applied to all widgets*/ | |
| 3915 .jqx-widget { | |
| 3916 -moz-box-sizing: content-box; | |
| 3917 box-sizing: content-box; | |
| 3918 -ms-touch-action: none; | |
| 3919 zoom: 1 !important; | |
| 3920 color: #000000; | |
| 3921 -moz-background-clip: padding; | |
| 3922 background-clip: padding-box; | |
| 3923 -webkit-text-size-adjust: none; | |
| 3924 -ms-text-size-adjust: none; | |
| 3925 -webkit-appearance: none; | |
| 3926 -webkit-background-clip: padding-box; | |
| 3927 direction: ltr !important; | |
| 3928 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 3929 font-family: Verdana,Arial,sans-serif; | |
| 3930 font-style: normal; | |
| 3931 font-size: 13px; | |
| 3932 } | |
| 3933 | |
| 3934 .jqx-item { | |
| 3935 -ms-touch-action: none; | |
| 3936 -moz-box-sizing: content-box; | |
| 3937 box-sizing: content-box; | |
| 3938 color: inherit; | |
| 3939 -webkit-text-size-adjust: none; | |
| 3940 } | |
| 3941 | |
| 3942 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ | |
| 3943 .jqx-widget-content { | |
| 3944 -moz-box-sizing: content-box; | |
| 3945 box-sizing: content-box; | |
| 3946 -ms-touch-action: none; | |
| 3947 -moz-background-clip: padding; | |
| 3948 -webkit-text-size-adjust: none; | |
| 3949 background-clip: padding-box; | |
| 3950 -webkit-background-clip: padding-box; | |
| 3951 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 3952 font-family: Verdana,Arial,sans-serif; | |
| 3953 font-style: normal; | |
| 3954 font-size: 13px; | |
| 3955 border-color: #c7c7c7; | |
| 3956 background: #fff; | |
| 3957 } | |
| 3958 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ | |
| 3959 .jqx-widget-header { | |
| 3960 -moz-box-sizing: content-box; | |
| 3961 box-sizing: content-box; | |
| 3962 -ms-touch-action: none; | |
| 3963 -moz-background-clip: padding; | |
| 3964 -webkit-text-size-adjust: none; | |
| 3965 background-clip: padding-box; | |
| 3966 -webkit-background-clip: padding-box; | |
| 3967 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 3968 border-color: #c5c5c5; | |
| 3969 background: #e8e8e8; | |
| 3970 } | |
| 3971 | |
| 3972 .jqx-fill-state-normal { | |
| 3973 -moz-box-sizing: content-box; | |
| 3974 box-sizing: content-box; | |
| 3975 -ms-touch-action: none; | |
| 3976 font-family: Verdana,Arial,sans-serif; | |
| 3977 font-style: normal; | |
| 3978 font-size: 13px; | |
| 3979 border-color: #aaa; | |
| 3980 background: #efefef; | |
| 3981 } | |
| 3982 | |
| 3983 .jqx-fill-state-hover { | |
| 3984 -moz-box-sizing: content-box; | |
| 3985 box-sizing: content-box; | |
| 3986 border-color: #999; | |
| 3987 background: #e8e8e8; | |
| 3988 } | |
| 3989 | |
| 3990 .jqx-fill-state-pressed { | |
| 3991 -moz-box-sizing: content-box; | |
| 3992 box-sizing: content-box; | |
| 3993 border-color: #999; | |
| 3994 background: #d1d1d1; | |
| 3995 } | |
| 3996 | |
| 3997 .jqx-fill-state-focus { | |
| 3998 border-color: #555; | |
| 3999 } | |
| 4000 | |
| 4001 .jqx-fill-state-disabled { | |
| 4002 cursor: default; | |
| 4003 color: #000; | |
| 4004 opacity: .55; | |
| 4005 filter: Alpha(Opacity=45); | |
| 4006 } | |
| 4007 .jqx-grid.jqx-fill-state-disabled { | |
| 4008 pointer-events: none; | |
| 4009 } | |
| 4010 .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 { | |
| 4011 box-sizing: border-box; | |
| 4012 -moz-box-sizing: border-box; | |
| 4013 } | |
| 4014 | |
| 4015 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { | |
| 4016 border-color: #aaa; | |
| 4017 } | |
| 4018 | |
| 4019 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton { | |
| 4020 background-color: transparent; | |
| 4021 border-color: #aaa; | |
| 4022 } | |
| 4023 | |
| 4024 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { | |
| 4025 } | |
| 4026 | |
| 4027 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright { | |
| 4028 background-color: #e5e5e5; | |
| 4029 } | |
| 4030 | |
| 4031 .jqx-tabs-title-selected-top { | |
| 4032 border-color: #aaa; | |
| 4033 border-bottom: 1px solid #fff; | |
| 4034 background-color: #fff; | |
| 4035 } | |
| 4036 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ | |
| 4037 .jqx-tabs-title-selected-bottom { | |
| 4038 border-color: #aaa; | |
| 4039 border-top: 1px solid #fff; | |
| 4040 background-color: #fff; | |
| 4041 } | |
| 4042 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ | |
| 4043 .jqx-tabs-selection-tracker-top { | |
| 4044 border-color: #aaa; | |
| 4045 border-bottom: 1px solid #fff; | |
| 4046 } | |
| 4047 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ | |
| 4048 .jqx-tabs-selection-tracker-bottom { | |
| 4049 border-color: #aaa; | |
| 4050 border-top: 1px solid #fff; | |
| 4051 } | |
| 4052 /*jqxMaskedInput and jqxNumberInput Styles*/ | |
| 4053 .jqx-input { | |
| 4054 -webkit-appearance: none; | |
| 4055 padding: 0 0 0 0; | |
| 4056 outline: none; | |
| 4057 border-width: 1px; | |
| 4058 border-style: solid; | |
| 4059 -moz-background-clip: padding; | |
| 4060 background-clip: padding-box; | |
| 4061 -webkit-background-clip: padding-box; | |
| 4062 } | |
| 4063 | |
| 4064 input[type=text].jqx-input, input[type=password].jqx-input { | |
| 4065 min-height: 16px; | |
| 4066 min-width: 16px; | |
| 4067 margin: 0px; | |
| 4068 border-width: 1px; | |
| 4069 border-style: solid; | |
| 4070 font-size: 13px; | |
| 4071 padding: 3px; | |
| 4072 padding-left: 3px; | |
| 4073 padding-right: 3px; | |
| 4074 } | |
| 4075 | |
| 4076 .jqx-input::-ms-reveal { | |
| 4077 display: none; | |
| 4078 } | |
| 4079 | |
| 4080 .jqx-input::-ms-clear { | |
| 4081 display: none; | |
| 4082 } | |
| 4083 | |
| 4084 .jqx-input-content::-ms-clear { | |
| 4085 display: none; | |
| 4086 } | |
| 4087 | |
| 4088 .jqx-input::-ms-value { | |
| 4089 margin: 0px; | |
| 4090 padding: 0px; | |
| 4091 min-height: 13px; | |
| 4092 line-height: 13px; | |
| 4093 } | |
| 4094 | |
| 4095 /*applied to the input when the validation fails.*/ | |
| 4096 .jqx-input-invalid { | |
| 4097 border-color: #dd4b39 !important; | |
| 4098 } | |
| 4099 | |
| 4100 /*applied to the input's content.*/ | |
| 4101 .jqx-input-content { | |
| 4102 -webkit-appearance: none; | |
| 4103 padding: 1px; | |
| 4104 resize: none; | |
| 4105 outline: none; | |
| 4106 outline-width: 0px; | |
| 4107 -webkit-user-modify: inherit; | |
| 4108 -moz-user-modify: inherit; | |
| 4109 -moz-background-clip: padding; | |
| 4110 background-clip: padding-box; | |
| 4111 -webkit-background-clip: padding-box; | |
| 4112 } | |
| 4113 /*applied to the input when it is disabled.*/ | |
| 4114 .jqx-input-disabled { | |
| 4115 -webkit-appearance: none; | |
| 4116 resize: none; | |
| 4117 outline: none; | |
| 4118 outline-width: 0px; | |
| 4119 } | |
| 4120 /*applied to the list menu.*/ | |
| 4121 .jqx-listmenu-widget { | |
| 4122 -ms-touch-action: auto; | |
| 4123 } | |
| 4124 | |
| 4125 .jqx-listmenu-widget .jqx-widget-content { | |
| 4126 -ms-touch-action: auto; | |
| 4127 } | |
| 4128 | |
| 4129 .jqx-listmenu-widget .jqx-widget-header { | |
| 4130 -ms-touch-action: auto; | |
| 4131 } | |
| 4132 | |
| 4133 .jqx-listmenu-widget li { | |
| 4134 -ms-touch-action: auto; | |
| 4135 } | |
| 4136 | |
| 4137 .jqx-menu-popup { | |
| 4138 } | |
| 4139 | |
| 4140 .jqx-menu-vertical { | |
| 4141 background-color: #efefef; | |
| 4142 } | |
| 4143 | |
| 4144 .jqx-color-picker { | |
| 4145 } | |
| 4146 | |
| 4147 .jqx-color-picker-panel { | |
| 4148 } | |
| 4149 | |
| 4150 .jqx-color-picker-map { | |
| 4151 border: 1px solid #A0A0A0; | |
| 4152 background-color: transparent; | |
| 4153 background-image: url('images/colorpicker/map-saturation.png'); | |
| 4154 background-repeat: no-repeat; | |
| 4155 background-position: left top; | |
| 4156 overflow: hidden; | |
| 4157 } | |
| 4158 | |
| 4159 .jqx-color-picker-map-hue { | |
| 4160 border: 1px solid #A0A0A0; | |
| 4161 background-color: transparent; | |
| 4162 background-image: url('images/colorpicker/map-hue.png'); | |
| 4163 background-repeat: no-repeat; | |
| 4164 background-position: left top; | |
| 4165 overflow: hidden; | |
| 4166 } | |
| 4167 | |
| 4168 .jqx-color-picker-map-overlay { | |
| 4169 background-color: transparent; | |
| 4170 background-image: url('images/colorpicker/map-saturation-overlay.png'); | |
| 4171 background-repeat: no-repeat; | |
| 4172 background-position: left top; | |
| 4173 } | |
| 4174 | |
| 4175 .jqx-color-picker-bar { | |
| 4176 border: 1px solid #A0A0A0; | |
| 4177 background-color: transparent; | |
| 4178 background-image: url('images/colorpicker/bar-saturation.png'); | |
| 4179 background-repeat: no-repeat; | |
| 4180 background-position: left top; | |
| 4181 } | |
| 4182 | |
| 4183 .jqx-color-picker-bar-hue { | |
| 4184 border: 1px solid #A0A0A0; | |
| 4185 background-color: transparent; | |
| 4186 background-image: url('images/colorpicker/bar-hue.png'); | |
| 4187 background-repeat: no-repeat; | |
| 4188 background-position: left top; | |
| 4189 } | |
| 4190 | |
| 4191 .jqx-color-picker-preview { | |
| 4192 border: 1px solid #A0A0A0; | |
| 4193 } | |
| 4194 | |
| 4195 .jqx-color-picker-pointer { | |
| 4196 background-image: url('images/crosshair.png'); | |
| 4197 background-repeat: no-repeat; | |
| 4198 height: 16px; | |
| 4199 width: 16px; | |
| 4200 } | |
| 4201 | |
| 4202 .jqx-color-picker-pointer-alt { | |
| 4203 background-image: url('images/crosshair-white.png'); | |
| 4204 background-repeat: no-repeat; | |
| 4205 height: 16px; | |
| 4206 width: 16px; | |
| 4207 } | |
| 4208 | |
| 4209 .jqx-color-picker-bar-pointer { | |
| 4210 background-image: url('images/pointer.png'); | |
| 4211 background-repeat: no-repeat; | |
| 4212 height: 15px; | |
| 4213 margin-left: 6px; | |
| 4214 background-position: right top; | |
| 4215 } | |
| 4216 | |
| 4217 .jqx-icon { | |
| 4218 width: 16px; | |
| 4219 height: 16px; | |
| 4220 margin: 0 auto; | |
| 4221 position: relative; | |
| 4222 top: 50%; | |
| 4223 margin-top: -8px; | |
| 4224 } | |
| 4225 | |
| 4226 .jqx-input-icon { | |
| 4227 width: 13px; | |
| 4228 height: 13px; | |
| 4229 margin: 0 auto; | |
| 4230 } | |
| 4231 | |
| 4232 .jqx-scrollbar-thumb-state-normal-touch { | |
| 4233 border-color: #c3c3c3; | |
| 4234 background: #c3c3c3; | |
| 4235 } | |
| 4236 | |
| 4237 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link { | |
| 4238 } | |
| 4239 | |
| 4240 .jqx-scrollbar .jqx-icon-arrow-up { | |
| 4241 width: 100%; | |
| 4242 height: 100%; | |
| 4243 } | |
| 4244 | |
| 4245 .jqx-scrollbar .jqx-icon-arrow-down { | |
| 4246 width: 100%; | |
| 4247 height: 100%; | |
| 4248 } | |
| 4249 | |
| 4250 .jqx-scrollbar .jqx-icon-arrow-left { | |
| 4251 width: 100%; | |
| 4252 height: 100%; | |
| 4253 } | |
| 4254 | |
| 4255 .jqx-scrollbar .jqx-icon-arrow-right { | |
| 4256 width: 100%; | |
| 4257 height: 100%; | |
| 4258 } | |
| 4259 /*jqx-listmenu*/ | |
| 4260 .jqx-listmenu-widget { | |
| 4261 border-width: 1px; | |
| 4262 border-style: solid; | |
| 4263 } | |
| 4264 | |
| 4265 ol.jqx-listmenu, ul.jqx-listmenu { | |
| 4266 margin: 0; | |
| 4267 padding: 0; | |
| 4268 border: 0; | |
| 4269 outline: 0; | |
| 4270 font-size: 100%; | |
| 4271 vertical-align: baseline; | |
| 4272 line-height: 1; | |
| 4273 counter-reset: section; | |
| 4274 } | |
| 4275 | |
| 4276 .jqx-listmenu li { | |
| 4277 margin-left: 0px; | |
| 4278 list-style: none; | |
| 4279 line-height: 1; | |
| 4280 } | |
| 4281 | |
| 4282 .jqx-listmenu { | |
| 4283 width: 100%; | |
| 4284 } | |
| 4285 | |
| 4286 .jqx-listmenu-header { | |
| 4287 padding: 15px; | |
| 4288 } | |
| 4289 | |
| 4290 .jqx-listmenu-item { | |
| 4291 cursor: pointer; | |
| 4292 padding: 15px; | |
| 4293 float: none; | |
| 4294 overflow: hidden; | |
| 4295 text-align: left; | |
| 4296 position: relative; | |
| 4297 } | |
| 4298 | |
| 4299 .jqx-listmenu-separator { | |
| 4300 padding: 10px; | |
| 4301 counter-reset: section; | |
| 4302 } | |
| 4303 | |
| 4304 .jqx-listmenu-header-label { | |
| 4305 margin-left: 30px; | |
| 4306 } | |
| 4307 | |
| 4308 .jqx-listmenu-arrow-right { | |
| 4309 width: 16px; | |
| 4310 height: 16px; | |
| 4311 position: absolute; | |
| 4312 top: 50%; | |
| 4313 margin-top: -7px; | |
| 4314 right: 7px; | |
| 4315 } | |
| 4316 | |
| 4317 .jqx-listmenu-arrow-rtl { | |
| 4318 right: 0px; | |
| 4319 left: 7px; | |
| 4320 } | |
| 4321 | |
| 4322 .jqx-listmenu-arrow-right-pressed { | |
| 4323 width: 16px; | |
| 4324 height: 16px; | |
| 4325 } | |
| 4326 | |
| 4327 .jqx-listmenu-header .jqx-button { | |
| 4328 -moz-border-radius: 10px; | |
| 4329 -webkit-border-radius: 10px; | |
| 4330 border-radius: 10px; | |
| 4331 padding: 6px 10px; | |
| 4332 } | |
| 4333 | |
| 4334 .jqx-listmenu-filter-input { | |
| 4335 -moz-border-radius: 3px; | |
| 4336 -webkit-border-radius: 3px; | |
| 4337 border-radius: 3px; | |
| 4338 border: 1px solid; | |
| 4339 outline: none; | |
| 4340 width: 97%; | |
| 4341 padding: 3px; | |
| 4342 padding-left: 10px; | |
| 4343 padding-right: 10px; | |
| 4344 border-color: #c7c7c7; | |
| 4345 background-color: #fff; | |
| 4346 font-size: 20px; | |
| 4347 min-height: 25px !important; | |
| 4348 height: 25px; | |
| 4349 } | |
| 4350 | |
| 4351 .jqx-listmenu-filter { | |
| 4352 text-align: center; | |
| 4353 padding: 4px; | |
| 4354 } | |
| 4355 | |
| 4356 ol li .jqx-listmenu-item-label:before { | |
| 4357 content: counter(section) ". "; | |
| 4358 counter-increment: section; | |
| 4359 } | |
| 4360 | |
| 4361 .jqx-listmenu div { | |
| 4362 clear: both; | |
| 4363 } | |
| 4364 | |
| 4365 .jqx-listmenu-auto-separator { | |
| 4366 } | |
| 4367 | |
| 4368 .jqx-listmenu-item-readonly { | |
| 4369 cursor: default; | |
| 4370 } | |
| 4371 | |
| 4372 .jqx-tooltip { | |
| 4373 position: absolute; | |
| 4374 width: auto; | |
| 4375 height: auto; | |
| 4376 } | |
| 4377 | |
| 4378 .jqx-tooltip-main { | |
| 4379 position: relative; | |
| 4380 width: 100%; | |
| 4381 height: 100%; | |
| 4382 text-align: center; | |
| 4383 filter: inherit; | |
| 4384 border-style: solid; | |
| 4385 border-width: 1px; | |
| 4386 } | |
| 4387 | |
| 4388 .jqx-tooltip-text { | |
| 4389 padding: 5px 8px; | |
| 4390 overflow: hidden; | |
| 4391 filter: inherit; | |
| 4392 } | |
| 4393 | |
| 4394 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { | |
| 4395 -moz-border-radius: 5px; | |
| 4396 -webkit-border-radius: 5px; | |
| 4397 border-radius: 5px; | |
| 4398 -moz-background-clip: padding; | |
| 4399 background-clip: padding-box; | |
| 4400 -webkit-background-clip: padding-box; | |
| 4401 } | |
| 4402 | |
| 4403 .jqx-tooltip-arrow { | |
| 4404 position: absolute; | |
| 4405 width: 0px; | |
| 4406 height: 0px; | |
| 4407 display: block; | |
| 4408 border-style: solid; | |
| 4409 margin: -6px 0 0 -7px; | |
| 4410 background: transparent !important; | |
| 4411 filter: inherit; | |
| 4412 } | |
| 4413 | |
| 4414 .jqx-tooltip-arrow-t-b { | |
| 4415 border-left-color: transparent !important; | |
| 4416 border-right-color: transparent !important; | |
| 4417 } | |
| 4418 | |
| 4419 .jqx-tooltip-arrow-l-r { | |
| 4420 border-top-color: transparent !important; | |
| 4421 border-bottom-color: transparent !important; | |
| 4422 } | |
| 4423 /*Sets the text-alignment to right.*/ | |
| 4424 .jqx-rtl { | |
| 4425 text-align: right !important; | |
| 4426 } | |
| 4427 | |
| 4428 .jqx-shadow { | |
| 4429 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; | |
| 4430 -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; | |
| 4431 box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; | |
| 4432 } | |
| 4433 | |
| 4434 .jqx-noshadow { | |
| 4435 -webkit-box-shadow: none !important; | |
| 4436 -moz-box-shadow: none !important; | |
| 4437 box-shadow: none !important; | |
| 4438 } | |
| 4439 | |
| 4440 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl { | |
| 4441 background-image: url(./images/icon-showpassword.png) !important; | |
| 4442 background-repeat: no-repeat !important; | |
| 4443 width: 14px; | |
| 4444 height: 9px; | |
| 4445 } | |
| 4446 | |
| 4447 .jqx-passwordinput-password-icon-ltr { | |
| 4448 background-position: right !important; | |
| 4449 } | |
| 4450 | |
| 4451 .jqx-passwordinput-password-icon-rtl { | |
| 4452 background-position: left !important; | |
| 4453 } | |
| 4454 | |
| 4455 .jqx-passwordinput-password-strength-inicator { | |
| 4456 width: 20%; | |
| 4457 height: 5px; | |
| 4458 margin-top: 5px; | |
| 4459 } | |
| 4460 /*top rounded Corners*/ | |
| 4461 .jqx-rc-t-expanded { | |
| 4462 -moz-border-radius-topleft: 0px !important; | |
| 4463 -webkit-border-top-left-radius: 0px !important; | |
| 4464 border-top-left-radius: 0px !important; | |
| 4465 -moz-border-radius-topright: 0px !important; | |
| 4466 -webkit-border-top-right-radius: 0px !important; | |
| 4467 border-top-right-radius: 0px !important; | |
| 4468 } | |
| 4469 /*bottom rounded Corners*/ | |
| 4470 .jqx-rc-b-expanded { | |
| 4471 -moz-border-radius-bottomleft: 0px !important; | |
| 4472 -webkit-border-bottom-left-radius: 0px !important; | |
| 4473 border-bottom-left-radius: 0px !important; | |
| 4474 -moz-border-radius-bottomright: 0px !important; | |
| 4475 -webkit-border-bottom-right-radius: 0px !important; | |
| 4476 border-bottom-right-radius: 0px !important; | |
| 4477 } | |
| 4478 | |
| 4479 .jqx-treemap-rectangle { | |
| 4480 font-size: 13px; | |
| 4481 font-weight: normal; | |
| 4482 border: 1px solid #555; | |
| 4483 color: #222; | |
| 4484 text-shadow: 0px 0px 0px; | |
| 4485 overflow: hidden; | |
| 4486 text-overflow: ellipsis; | |
| 4487 } | |
| 4488 | |
| 4489 .jqx-treemap-label { | |
| 4490 text-overflow: ellipsis; | |
| 4491 overflow: hidden; | |
| 4492 } | |
| 4493 | |
| 4494 .jqx-treemap-rectangle-parent { | |
| 4495 color: #222; | |
| 4496 font-size: 15px; | |
| 4497 font-family: Verdana; | |
| 4498 font-weight: bold; | |
| 4499 } | |
| 4500 | |
| 4501 .jqx-treemap-legend-label { | |
| 4502 color: #fff; | |
| 4503 } | |
| 4504 | |
| 4505 .jqx-treemap-legend { | |
| 4506 width: 350px; | |
| 4507 background-color: rgba(0, 0, 0, 0.1); | |
| 4508 z-index: 41; | |
| 4509 overflow: hidden; | |
| 4510 } | |
| 4511 | |
| 4512 .jqx-treemap-legend-table { | |
| 4513 table-layout: fixed; | |
| 4514 width: 100%; | |
| 4515 } | |
| 4516 | |
| 4517 .jqx-treemap-legend-color { | |
| 4518 height: 3px; | |
| 4519 } | |
| 4520 | |
| 4521 .jqx-treemap-legend-values { | |
| 4522 height: 12px; | |
| 4523 width: 100%; | |
| 4524 } | |
| 4525 | |
| 4526 .jqx-treemap-legend-value { | |
| 4527 font-size: 9px; | |
| 4528 position: absolute; | |
| 4529 color: #fff; | |
| 4530 } | |
| 4531 | |
| 4532 .jqx-treemap-rectangle-hover { | |
| 4533 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 4534 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 4535 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 4536 z-index: 40; | |
| 4537 } | |
| 4538 /*jqxRangeSelector*/ | |
| 4539 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, | |
| 4540 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter { | |
| 4541 box-shadow: none !important; | |
| 4542 -webkit-box-shadow: none !important; | |
| 4543 -moz-box-shadow: none !important; | |
| 4544 box-sizing: content-box !important; | |
| 4545 } | |
| 4546 | |
| 4547 .jqx-rangeselector-markers { | |
| 4548 } | |
| 4549 | |
| 4550 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { | |
| 4551 position: absolute; | |
| 4552 } | |
| 4553 | |
| 4554 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider { | |
| 4555 height: 100%; | |
| 4556 } | |
| 4557 | |
| 4558 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider { | |
| 4559 width: 100%; | |
| 4560 box-shadow: none !important; | |
| 4561 -webkit-box-shadow: none !important; | |
| 4562 -moz-box-shadow: none !important; | |
| 4563 -moz-border-radius: 0px !important; | |
| 4564 -webkit-border-radius: 0px !important; | |
| 4565 border-radius: 0px !important; | |
| 4566 } | |
| 4567 | |
| 4568 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider { | |
| 4569 float: left; | |
| 4570 } | |
| 4571 | |
| 4572 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { | |
| 4573 border-style: solid; | |
| 4574 } | |
| 4575 | |
| 4576 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks { | |
| 4577 width: 1px; | |
| 4578 background: #aaa; | |
| 4579 } | |
| 4580 | |
| 4581 .jqx-rangeselector-labels, .jqx-rangeselector-markers { | |
| 4582 white-space: nowrap; | |
| 4583 width: auto; | |
| 4584 } | |
| 4585 | |
| 4586 .jqx-rangeselector-slider, .jqx-rangeselector-markers { | |
| 4587 border-width: 1px !important; | |
| 4588 } | |
| 4589 | |
| 4590 .jqx-rangeselector-ticks-container { | |
| 4591 background-color: transparent; | |
| 4592 position: relative; | |
| 4593 } | |
| 4594 | |
| 4595 .jqx-rangeselector-shutter { | |
| 4596 opacity: 0.75; | |
| 4597 background: #efefef; | |
| 4598 border-width: 0px !important; | |
| 4599 } | |
| 4600 | |
| 4601 .jqx-rangeselector-slider { | |
| 4602 background-color: transparent !important; | |
| 4603 border-top: none !important; | |
| 4604 background-image: none !important; | |
| 4605 border-bottom: none !important; | |
| 4606 border-color: #aaa; | |
| 4607 border-right-color: transparent !important; | |
| 4608 position: relative; | |
| 4609 overflow: hidden; | |
| 4610 } | |
| 4611 | |
| 4612 .jqx-rangeselector-inner-slider { | |
| 4613 position: absolute; | |
| 4614 right: 0; | |
| 4615 background: #aaa; | |
| 4616 width: 1px; | |
| 4617 height: 100%; | |
| 4618 } | |
| 4619 | |
| 4620 .jqx-rangeselector-ticks { | |
| 4621 margin-top: 0px; | |
| 4622 } | |
| 4623 | |
| 4624 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels { | |
| 4625 margin-top: 4px; | |
| 4626 } | |
| 4627 | |
| 4628 .jqx-rangeselector-markers { | |
| 4629 height: 20px; | |
| 4630 padding: 5px; | |
| 4631 opacity: 0.75; | |
| 4632 } | |
| 4633 | |
| 4634 .jqx-rangeselector-marker-arrow { | |
| 4635 width: 0px; | |
| 4636 height: 0px; | |
| 4637 display: block; | |
| 4638 margin: -6px 0 0 -7px; | |
| 4639 background-color: transparent !important; | |
| 4640 filter: inherit; | |
| 4641 border-top-width: 5px; | |
| 4642 border-bottom-width: 5px; | |
| 4643 border-right-color: transparent !important; | |
| 4644 border-left-color: transparent !important; | |
| 4645 background-clip: border-box; | |
| 4646 background-repeat: repeat; | |
| 4647 box-shadow: none !important; | |
| 4648 -webkit-box-shadow: none !important; | |
| 4649 background-image: none !important; | |
| 4650 } | |
| 4651 | |
| 4652 .jqx-rangeselector-marker-arrow-top { | |
| 4653 border-bottom-color: transparent !important; | |
| 4654 } | |
| 4655 | |
| 4656 .jqx-rangeselector-marker-arrow-bottom { | |
| 4657 border-top-color: transparent !important; | |
| 4658 } | |
| 4659 | |
| 4660 .jqx-rangeselector-marker-left-arrow { | |
| 4661 border-right-width: 0px; | |
| 4662 border-left-width: 5px; | |
| 4663 } | |
| 4664 | |
| 4665 .jqx-rangeselector-marker-right-arrow { | |
| 4666 border-right-width: 5px; | |
| 4667 border-left-width: 0px; | |
| 4668 } | |
| 4669 | |
| 4670 .jqx-rangeselector-markers-value { | |
| 4671 overflow: hidden; | |
| 4672 white-space: nowrap; | |
| 4673 } | |
| 4674 | |
| 4675 .jqx-rangeselector-group-labels-rtl { | |
| 4676 margin-right: 10px; | |
| 4677 direction: rtl; | |
| 4678 } | |
| 4679 | |
| 4680 .jqx-rangeselector-group-labels-ticks { | |
| 4681 height: 17px; | |
| 4682 } | |
| 4683 | |
| 4684 .jqx-rangeselector-group-labels-ticks-rtl { | |
| 4685 margin-left: 5px; | |
| 4686 } | |
| 4687 | |
| 4688 .jqx-action-button { | |
| 4689 border: none; | |
| 4690 border-left: 1px solid #c7c7c7; | |
| 4691 } | |
| 4692 | |
| 4693 .jqx-action-button-rtl { | |
| 4694 border: none; | |
| 4695 border-right: 1px solid #c7c7c7; | |
| 4696 cursor: pointer; | |
| 4697 } | |
| 4698 /*jqxBulletChart*/ | |
| 4699 .jqx-bulletchart { | |
| 4700 } | |
| 4701 | |
| 4702 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical { | |
| 4703 position: relative; | |
| 4704 } | |
| 4705 | |
| 4706 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels { | |
| 4707 position: absolute; | |
| 4708 } | |
| 4709 | |
| 4710 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical { | |
| 4711 width: 100%; | |
| 4712 } | |
| 4713 | |
| 4714 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal { | |
| 4715 float: left; | |
| 4716 overflow: hidden; | |
| 4717 } | |
| 4718 | |
| 4719 .jqx-bulletchart-title, .jqx-bulletchart-description { | |
| 4720 text-align: center; | |
| 4721 } | |
| 4722 | |
| 4723 .jqx-bulletchart-title-inner-container { | |
| 4724 margin: auto; | |
| 4725 top: 0; | |
| 4726 left: 0; | |
| 4727 right: 0; | |
| 4728 bottom: 0; | |
| 4729 } | |
| 4730 | |
| 4731 .jqx-bulletchart-title-inner-container-ltr { | |
| 4732 padding-right: 5px; | |
| 4733 } | |
| 4734 | |
| 4735 .jqx-bulletchart-title-inner-container-rtl { | |
| 4736 padding-left: 5px; | |
| 4737 } | |
| 4738 | |
| 4739 .jqx-bulletchart-title-description-ltr { | |
| 4740 text-align: right; | |
| 4741 } | |
| 4742 | |
| 4743 .jqx-bulletchart-title-description-rtl { | |
| 4744 text-align: left; | |
| 4745 } | |
| 4746 | |
| 4747 .jqx-bulletchart-title-description-vertical { | |
| 4748 text-align: center; | |
| 4749 } | |
| 4750 | |
| 4751 .jqx-bulletchart-title { | |
| 4752 font-size: 110%; | |
| 4753 font-weight: bold; | |
| 4754 } | |
| 4755 | |
| 4756 .jqx-bulletchart-description { | |
| 4757 font-size: 90%; | |
| 4758 } | |
| 4759 | |
| 4760 .jqx-bulletchart-range-horizontal { | |
| 4761 height: 100%; | |
| 4762 } | |
| 4763 | |
| 4764 .jqx-bulletchart-target-horizontal { | |
| 4765 top: 10%; | |
| 4766 height: 80%; | |
| 4767 } | |
| 4768 | |
| 4769 .jqx-bulletchart-target-vertical { | |
| 4770 left: 10%; | |
| 4771 width: 80%; | |
| 4772 } | |
| 4773 | |
| 4774 .jqx-bulletchart-ticks { | |
| 4775 background-color: #AAAAAA; | |
| 4776 } | |
| 4777 | |
| 4778 .jqx-bulletchart-ticks-horizontal { | |
| 4779 width: 1px; | |
| 4780 } | |
| 4781 | |
| 4782 .jqx-bulletchart-ticks-vertical { | |
| 4783 height: 1px; | |
| 4784 } | |
| 4785 | |
| 4786 .jqx-bulletchart-zero-tick { | |
| 4787 } | |
| 4788 | |
| 4789 .jqx-bulletchart-labels { | |
| 4790 } | |
| 4791 /*jqxNotification*/ | |
| 4792 .jqx-notification { | |
| 4793 padding: 10px; | |
| 4794 border-width: 1px; | |
| 4795 border-style: solid; | |
| 4796 box-sizing: border-box; | |
| 4797 pointer-events: auto; | |
| 4798 } | |
| 4799 | |
| 4800 .jqx-notification-table { | |
| 4801 width: 100%; | |
| 4802 font-size: inherit; | |
| 4803 font-weight: inherit; | |
| 4804 font-style: inherit; | |
| 4805 color: inherit; | |
| 4806 } | |
| 4807 | |
| 4808 .jqx-notification-container { | |
| 4809 position: fixed; | |
| 4810 height: auto; | |
| 4811 width: auto; | |
| 4812 pointer-events: none; | |
| 4813 } | |
| 4814 | |
| 4815 .jqx-notification-container-full-width { | |
| 4816 width: 100%; | |
| 4817 } | |
| 4818 | |
| 4819 .jqx-notification-container-full-height { | |
| 4820 height: 100%; | |
| 4821 } | |
| 4822 | |
| 4823 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left { | |
| 4824 direction: rtl; | |
| 4825 } | |
| 4826 | |
| 4827 .jqx-notification-icon, .jqx-notification-content { | |
| 4828 vertical-align: middle; | |
| 4829 } | |
| 4830 | |
| 4831 .jqx-notification-content { | |
| 4832 } | |
| 4833 | |
| 4834 .jqx-notification-content-rtl { | |
| 4835 direction: rtl; | |
| 4836 } | |
| 4837 | |
| 4838 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { | |
| 4839 background: none !important; | |
| 4840 box-shadow: none !important; | |
| 4841 text-shadow: none !important; | |
| 4842 } | |
| 4843 | |
| 4844 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { | |
| 4845 background-image: url('images/icon-calendar-white.png'); | |
| 4846 } | |
| 4847 | |
| 4848 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { | |
| 4849 background-image: url('images/icon-time-white.png'); | |
| 4850 } | |
| 4851 | |
| 4852 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { | |
| 4853 background-image: url('images/icon-calendar-white.png'); | |
| 4854 } | |
| 4855 | |
| 4856 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { | |
| 4857 background-image: url('images/icon-time-white.png'); | |
| 4858 } | |
| 4859 | |
| 4860 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { | |
| 4861 background-image: url('images/icon-calendar-white.png'); | |
| 4862 } | |
| 4863 | |
| 4864 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { | |
| 4865 background-image: url('images/icon-time-white.png'); | |
| 4866 } | |
| 4867 | |
| 4868 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { | |
| 4869 background-image: url('images/icon-calendar-white.png'); | |
| 4870 } | |
| 4871 | |
| 4872 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { | |
| 4873 background-image: url('images/icon-time-white.png'); | |
| 4874 } | |
| 4875 | |
| 4876 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { | |
| 4877 background-image: url('images/icon-calendar-white.png'); | |
| 4878 } | |
| 4879 | |
| 4880 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { | |
| 4881 background-image: url('images/icon-time-white.png'); | |
| 4882 } | |
| 4883 | |
| 4884 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { | |
| 4885 background-image: url('images/icon-calendar-white.png'); | |
| 4886 } | |
| 4887 | |
| 4888 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { | |
| 4889 background-image: url('images/icon-time-white.png'); | |
| 4890 } | |
| 4891 | |
| 4892 | |
| 4893 .jqx-notification-info, .jqx-info { | |
| 4894 color: #ffffff !important; | |
| 4895 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4896 background-color: #5bc0de !important; | |
| 4897 *background-color: #5bc0de !important; | |
| 4898 border-left-color: #46b8da !important; | |
| 4899 border-right-color: #46b8da !important; | |
| 4900 border-top-color: #46b8da !important; | |
| 4901 border-bottom-color: #46b8da !important; | |
| 4902 } | |
| 4903 | |
| 4904 .jqx-info:hover, | |
| 4905 .jqx-info:focus, | |
| 4906 .jqx-info:active, | |
| 4907 .jqx-info.active, | |
| 4908 .jqx-info.disabled, | |
| 4909 .jqx-info[disabled] { | |
| 4910 color: #ffffff !important; | |
| 4911 background-color: #31b0d5 !important; | |
| 4912 *background-color: #31b0d5 !important; | |
| 4913 border-color: #269abc !important; | |
| 4914 } | |
| 4915 | |
| 4916 .jqx-fill-state-pressed.jqx-info, | |
| 4917 .jqx-info:active, | |
| 4918 .jqx-info.active { | |
| 4919 background-color: #269abc \9 !important; | |
| 4920 } | |
| 4921 | |
| 4922 .jqx-notification-warning, .jqx-warning { | |
| 4923 color: #ffffff !important; | |
| 4924 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4925 background-color: #f0ad4e !important; | |
| 4926 *background-color: #f0ad4e !important; | |
| 4927 border-left-color: #eea236 !important; | |
| 4928 border-right-color: #eea236 !important; | |
| 4929 border-top-color: #eea236 !important; | |
| 4930 border-bottom-color: #eea236 !important; | |
| 4931 } | |
| 4932 | |
| 4933 .jqx-warning:hover, | |
| 4934 .jqx-warning:focus, | |
| 4935 .jqx-warning:active, | |
| 4936 .jqx-warning.active, | |
| 4937 .jqx-warning.disabled, | |
| 4938 .jqx-warning[disabled] { | |
| 4939 color: #ffffff !important; | |
| 4940 background-color: #ec971f !important; | |
| 4941 *background-color: #ec971f !important; | |
| 4942 border-color: #d58512 !important; | |
| 4943 } | |
| 4944 | |
| 4945 .jqx-fill-state-pressed.jqx-warning, | |
| 4946 .jqx-warning:active, | |
| 4947 .jqx-warning.active { | |
| 4948 background-color: #d58512 \9 !important; | |
| 4949 border-color: #985f0d !important; | |
| 4950 } | |
| 4951 | |
| 4952 .jqx-notification-success, .jqx-success { | |
| 4953 color: #ffffff !important; | |
| 4954 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4955 background-color: #5cb85c !important; | |
| 4956 *background-color: #5cb85c !important; | |
| 4957 border-left-color: #4cae4c !important; | |
| 4958 border-right-color: #4cae4c !important; | |
| 4959 border-top-color: #4cae4c !important; | |
| 4960 border-bottom-color: #4cae4c !important; | |
| 4961 } | |
| 4962 | |
| 4963 .jqx-success:hover, | |
| 4964 .jqx-success:focus, | |
| 4965 .jqx-success:active, | |
| 4966 .jqx-success.active, | |
| 4967 .jqx-success.disabled, | |
| 4968 .jqx-success[disabled] { | |
| 4969 color: #ffffff !important; | |
| 4970 background-color: #449d44 !important; | |
| 4971 *background-color: #449d44 !important; | |
| 4972 border-color: #398439 !important; | |
| 4973 } | |
| 4974 | |
| 4975 .jqx-fill-state-pressed.jqx-success, | |
| 4976 .jqx-success:active, | |
| 4977 .jqx-success.active { | |
| 4978 background-color: #398439 !important; | |
| 4979 border-color: #255625 !important; | |
| 4980 } | |
| 4981 | |
| 4982 .jqx-notification-error, .jqx-danger { | |
| 4983 color: #ffffff !important; | |
| 4984 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4985 background-color: #d9534f !important; | |
| 4986 *background-color: #d9534f !important; | |
| 4987 border-left-color: #d43f3a !important; | |
| 4988 border-right-color: #d43f3a !important; | |
| 4989 border-top-color: #d43f3a !important; | |
| 4990 border-bottom-color: #d43f3a !important; | |
| 4991 } | |
| 4992 | |
| 4993 .jqx-danger:hover, | |
| 4994 .jqx-danger:focus, | |
| 4995 .jqx-danger:active, | |
| 4996 .jqx-danger.active, | |
| 4997 .jqx-danger.disabled, | |
| 4998 .jqx-danger[disabled] { | |
| 4999 color: #ffffff !important; | |
| 5000 background-color: #c9302c !important; | |
| 5001 *background-color: #c9302c !important; | |
| 5002 border-color: #ac2925 !important; | |
| 5003 } | |
| 5004 | |
| 5005 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, | |
| 5006 .jqx-danger.active { | |
| 5007 background-color: #ac2925 !important; | |
| 5008 border-color: #761c19 !important; | |
| 5009 } | |
| 5010 | |
| 5011 .jqx-notification-mail, .jqx-primary { | |
| 5012 color: #ffffff !important; | |
| 5013 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 5014 background-color: #337ab7 !important; | |
| 5015 *background-color: #337ab7 !important; | |
| 5016 border-left-color: #2e6da4 !important; | |
| 5017 border-right-color: #2e6da4 !important; | |
| 5018 border-top-color: #2e6da4 !important; | |
| 5019 border-bottom-color: #2e6da4 !important; | |
| 5020 } | |
| 5021 | |
| 5022 .jqx-primary:hover, | |
| 5023 .jqx-primary:focus, | |
| 5024 .jqx-primary:active, | |
| 5025 .jqx-primary.active, | |
| 5026 .jqx-primary.disabled, | |
| 5027 .jqx-primary[disabled] { | |
| 5028 color: #ffffff !important; | |
| 5029 background-color: #286090 !important; | |
| 5030 *background-color: #286090 !important; | |
| 5031 } | |
| 5032 | |
| 5033 .jqx-fill-state-pressed.jqx-primary, | |
| 5034 .jqx-primary:active, | |
| 5035 .jqx-primary.active { | |
| 5036 background-color: #204d74 !important; | |
| 5037 } | |
| 5038 | |
| 5039 .jqx-notification-time, .jqx-inverse { | |
| 5040 color: #ffffff !important; | |
| 5041 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 5042 background-color: #363636 !important; | |
| 5043 *background-color: #222222 !important; | |
| 5044 border-left-color: #222222 !important; | |
| 5045 border-right-color: #222222 !important; | |
| 5046 border-top-color: #222222 !important; | |
| 5047 border-bottom-color: #000000 !important; | |
| 5048 } | |
| 5049 | |
| 5050 .jqx-inverse:hover, | |
| 5051 .jqx-inverse:focus, | |
| 5052 .jqx-inverse:active, | |
| 5053 .jqx-inverse.active, | |
| 5054 .jqx-inverse.disabled, | |
| 5055 .jqx-inverse[disabled] { | |
| 5056 color: #ffffff !important; | |
| 5057 background-color: #222222 !important; | |
| 5058 *background-color: #151515 !important; | |
| 5059 } | |
| 5060 | |
| 5061 .jqx-fill-state-pressed.jqx-inverse, | |
| 5062 .jqx-inverse:active, | |
| 5063 .jqx-inverse.active { | |
| 5064 background-color: #080808 !important; | |
| 5065 background-image: linear-gradient(to bottom, #444444, #444444) !important; | |
| 5066 } | |
| 5067 | |
| 5068 .jqx-link, | |
| 5069 .jqx-link:active, | |
| 5070 .jqx-link[disabled] { | |
| 5071 background-color: transparent !important; | |
| 5072 background-image: none !important; | |
| 5073 -webkit-box-shadow: none !important; | |
| 5074 -moz-box-shadow: none !important; | |
| 5075 box-shadow: none !important; | |
| 5076 } | |
| 5077 | |
| 5078 .jqx-link { | |
| 5079 color: #0088cc !important; | |
| 5080 cursor: pointer !important; | |
| 5081 border-color: transparent !important; | |
| 5082 -webkit-border-radius: 0 !important; | |
| 5083 -moz-border-radius: 0 !important; | |
| 5084 border-radius: 0 !important; | |
| 5085 } | |
| 5086 | |
| 5087 .jqx-link:hover, | |
| 5088 .jqx-link:focus { | |
| 5089 color: #005580 !important; | |
| 5090 text-decoration: underline !important; | |
| 5091 background-color: transparent !important; | |
| 5092 } | |
| 5093 | |
| 5094 .jqx-link[disabled]:hover, | |
| 5095 .jqx-link[disabled]:focus { | |
| 5096 color: #333333 !important; | |
| 5097 text-decoration: none !important; | |
| 5098 } | |
| 5099 | |
| 5100 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, | |
| 5101 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { | |
| 5102 background-position: 0 -15px !important; | |
| 5103 -webkit-transition: background-position 0.1s linear !important; | |
| 5104 -moz-transition: background-position 0.1s linear !important; | |
| 5105 -o-transition: background-position 0.1s linear !important; | |
| 5106 transition: background-position 0.1s linear !important; | |
| 5107 } | |
| 5108 | |
| 5109 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { | |
| 5110 background-image: none !important; | |
| 5111 outline: 0 !important; | |
| 5112 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 5113 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 5114 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 5115 } | |
| 5116 | |
| 5117 .jqx-notification-icon { | |
| 5118 background-repeat: no-repeat; | |
| 5119 } | |
| 5120 | |
| 5121 .jqx-notification-icon-ltr { | |
| 5122 background-position: left center; | |
| 5123 } | |
| 5124 | |
| 5125 .jqx-notification-icon-rtl { | |
| 5126 background-position: right center; | |
| 5127 } | |
| 5128 | |
| 5129 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time { | |
| 5130 width: 30px; | |
| 5131 height: 25px; | |
| 5132 } | |
| 5133 | |
| 5134 .jqx-notification-icon-info { | |
| 5135 background-image: url('images/info.png'); | |
| 5136 } | |
| 5137 | |
| 5138 .jqx-notification-icon-warning { | |
| 5139 background-image: url('images/warning.png'); | |
| 5140 } | |
| 5141 | |
| 5142 .jqx-notification-icon-success { | |
| 5143 background-image: url('images/success.png'); | |
| 5144 } | |
| 5145 | |
| 5146 .jqx-notification-icon-error { | |
| 5147 background-image: url('images/error.png'); | |
| 5148 } | |
| 5149 | |
| 5150 .jqx-notification-icon-mail { | |
| 5151 background-image: url('images/mail.png'); | |
| 5152 } | |
| 5153 | |
| 5154 .jqx-notification-icon-time { | |
| 5155 background-image: url('images/time.png'); | |
| 5156 } | |
| 5157 | |
| 5158 .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 { | |
| 5159 background-image: url('images/close_white.png'); | |
| 5160 } | |
| 5161 | |
| 5162 .jqx-notification-close-button-warning { | |
| 5163 background-image: url('images/close_black.png'); | |
| 5164 } | |
| 5165 | |
| 5166 .jqx-notification-close-button-container, .jqx-notification-close-button { | |
| 5167 width: 16px; | |
| 5168 height: 16px; | |
| 5169 } | |
| 5170 | |
| 5171 .jqx-notification-close-button-container { | |
| 5172 vertical-align: top; | |
| 5173 } | |
| 5174 | |
| 5175 .jqx-notification-close-button { | |
| 5176 position: relative; | |
| 5177 top: -11px; | |
| 5178 background-repeat: no-repeat; | |
| 5179 cursor: pointer; | |
| 5180 } | |
| 5181 | |
| 5182 .jqx-notification-close-button-ltr { | |
| 5183 right: -11px; | |
| 5184 background-position: right top; | |
| 5185 } | |
| 5186 | |
| 5187 .jqx-notification-close-button-rtl { | |
| 5188 left: -11px; | |
| 5189 background-position: left top; | |
| 5190 } | |
| 5191 | |
| 5192 .jqx-navbar { | |
| 5193 width: 100%; | |
| 5194 border-style: solid; | |
| 5195 border-width: 1px; | |
| 5196 } | |
| 5197 | |
| 5198 .jqx-navbar ul:before, | |
| 5199 .jqx-navbar ul:after { | |
| 5200 content: ""; | |
| 5201 display: table; | |
| 5202 } | |
| 5203 | |
| 5204 .jqx-navbar ul:after { | |
| 5205 clear: both; | |
| 5206 } | |
| 5207 | |
| 5208 .jqx-navbar ul { | |
| 5209 list-style: none; | |
| 5210 margin: 0; | |
| 5211 padding: 0; | |
| 5212 position: relative; | |
| 5213 display: block; | |
| 5214 border: 0; | |
| 5215 max-width: 100%; | |
| 5216 overflow: visible; | |
| 5217 } | |
| 5218 | |
| 5219 .jqx-navbar-block { | |
| 5220 margin: 0; | |
| 5221 overflow: hidden; | |
| 5222 padding: 0px 12px; | |
| 5223 border-width: 0px; | |
| 5224 float: left; | |
| 5225 min-height: 1px; | |
| 5226 -webkit-box-sizing: border-box; | |
| 5227 -moz-box-sizing: border-box; | |
| 5228 box-sizing: border-box; | |
| 5229 box-shadow: none !important; | |
| 5230 border-radius: 0px !important; | |
| 5231 } | |
| 5232 | |
| 5233 .jqx-navbar-block-rtl { | |
| 5234 float: right; | |
| 5235 } | |
| 5236 | |
| 5237 .jqx-ribbon { | |
| 5238 position: relative; | |
| 5239 overflow: hidden; | |
| 5240 } | |
| 5241 | |
| 5242 .jqx-ribbon-auto { | |
| 5243 display: inline-block; | |
| 5244 } | |
| 5245 | |
| 5246 .jqx-ribbon-popup { | |
| 5247 overflow: visible; | |
| 5248 } | |
| 5249 | |
| 5250 .jqx-ribbon-header { | |
| 5251 position: absolute; | |
| 5252 margin: 0; | |
| 5253 border-width: 1px; | |
| 5254 border-style: solid; | |
| 5255 box-sizing: border-box; | |
| 5256 overflow: hidden; | |
| 5257 float: left; | |
| 5258 display: block; | |
| 5259 box-shadow: none !important; | |
| 5260 } | |
| 5261 | |
| 5262 .jqx-ribbon-header-auto { | |
| 5263 position: relative; | |
| 5264 } | |
| 5265 | |
| 5266 .jqx-ribbon-header-horizontal { | |
| 5267 width: 100%; | |
| 5268 min-height: 30px; | |
| 5269 padding: 0px; | |
| 5270 white-space: nowrap; | |
| 5271 } | |
| 5272 | |
| 5273 .jqx-ribbon-header-bottom { | |
| 5274 bottom: 0; | |
| 5275 } | |
| 5276 | |
| 5277 .jqx-ribbon-header-vertical { | |
| 5278 min-width: 75px; | |
| 5279 height: 100%; | |
| 5280 float: left; | |
| 5281 padding: 0px; | |
| 5282 } | |
| 5283 | |
| 5284 .jqx-ribbon-header-right { | |
| 5285 right: 0; | |
| 5286 } | |
| 5287 | |
| 5288 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup { | |
| 5289 position: relative; | |
| 5290 } | |
| 5291 | |
| 5292 .jqx-ribbon-header-horizontal-popup { | |
| 5293 height: 100%; | |
| 5294 } | |
| 5295 | |
| 5296 .jqx-ribbon-header-vertical-popup { | |
| 5297 width: 100%; | |
| 5298 } | |
| 5299 | |
| 5300 .jqx-ribbon-item { | |
| 5301 position: relative; | |
| 5302 list-style-type: none; | |
| 5303 padding: 5px; | |
| 5304 border: 1px solid transparent; | |
| 5305 box-sizing: border-box; | |
| 5306 text-overflow: ellipsis; | |
| 5307 cursor: default; | |
| 5308 min-width: 10px; | |
| 5309 vertical-align: top; | |
| 5310 } | |
| 5311 | |
| 5312 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom { | |
| 5313 height: 100%; | |
| 5314 display: inline-block; | |
| 5315 margin-left: 1px; | |
| 5316 margin-right: 1px; | |
| 5317 } | |
| 5318 | |
| 5319 .jqx-ribbon-item-top { | |
| 5320 margin-top: 1px; | |
| 5321 } | |
| 5322 | |
| 5323 .jqx-ribbon-item-bottom { | |
| 5324 margin-top: -1px; | |
| 5325 } | |
| 5326 | |
| 5327 .jqx-ribbon-item-left, .jqx-ribbon-item-right { | |
| 5328 width: 100%; | |
| 5329 margin-top: 2px; | |
| 5330 } | |
| 5331 | |
| 5332 .jqx-ribbon-item-left { | |
| 5333 margin-left: 1px; | |
| 5334 } | |
| 5335 | |
| 5336 .jqx-ribbon-item-right { | |
| 5337 margin-left: -1px; | |
| 5338 } | |
| 5339 | |
| 5340 .jqx-ribbon-item-hover { | |
| 5341 border-color: inherit; | |
| 5342 } | |
| 5343 | |
| 5344 .jqx-ribbon-item-top.jqx-ribbon-item-hover { | |
| 5345 border-bottom-color: inherit !important; | |
| 5346 } | |
| 5347 | |
| 5348 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover { | |
| 5349 border-top-color: inherit !important; | |
| 5350 } | |
| 5351 | |
| 5352 .jqx-ribbon-item-left.jqx-ribbon-item-hover { | |
| 5353 border-right-color: inherit !important; | |
| 5354 } | |
| 5355 | |
| 5356 .jqx-ribbon-item-right.jqx-ribbon-item-hover { | |
| 5357 border-left-color: inherit !important; | |
| 5358 } | |
| 5359 | |
| 5360 .jqx-ribbon-item-selected { | |
| 5361 border-color: inherit; | |
| 5362 } | |
| 5363 | |
| 5364 .jqx-ribbon-item-top.jqx-ribbon-item-selected { | |
| 5365 border-bottom-color: transparent; | |
| 5366 } | |
| 5367 | |
| 5368 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected { | |
| 5369 border-top-color: transparent; | |
| 5370 } | |
| 5371 | |
| 5372 .jqx-ribbon-item-left.jqx-ribbon-item-selected { | |
| 5373 border-right-color: transparent; | |
| 5374 } | |
| 5375 | |
| 5376 .jqx-ribbon-item-right.jqx-ribbon-item-selected { | |
| 5377 border-left-color: transparent; | |
| 5378 } | |
| 5379 | |
| 5380 .jqx-ribbon-content { | |
| 5381 background-image: none !important; | |
| 5382 background-color: transparent !important; | |
| 5383 box-sizing: border-box; | |
| 5384 } | |
| 5385 | |
| 5386 .jqx-ribbon-content-horizontal { | |
| 5387 clear: both; | |
| 5388 height: 100%; | |
| 5389 } | |
| 5390 | |
| 5391 .jqx-ribbon-content-vertical { | |
| 5392 height: 100%; | |
| 5393 width: 100%; | |
| 5394 float: left; | |
| 5395 border-width: 1px; | |
| 5396 } | |
| 5397 | |
| 5398 .jqx-ribbon-content-popup { | |
| 5399 z-index: 99999; | |
| 5400 position: absolute; | |
| 5401 border-left: none; | |
| 5402 } | |
| 5403 | |
| 5404 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal { | |
| 5405 width: 100%; | |
| 5406 height: auto; | |
| 5407 } | |
| 5408 | |
| 5409 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical { | |
| 5410 width: auto; | |
| 5411 height: 100%; | |
| 5412 } | |
| 5413 | |
| 5414 .jqx-ribbon-content-popup-top { | |
| 5415 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5416 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5417 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5418 } | |
| 5419 | |
| 5420 .jqx-ribbon-content-popup-bottom { | |
| 5421 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); | |
| 5422 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); | |
| 5423 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); | |
| 5424 } | |
| 5425 | |
| 5426 .jqx-ribbon-content-popup-left { | |
| 5427 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5428 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5429 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); | |
| 5430 } | |
| 5431 | |
| 5432 .jqx-ribbon-content-popup-right { | |
| 5433 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); | |
| 5434 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); | |
| 5435 } | |
| 5436 | |
| 5437 .jqx-ribbon-content-auto-width { | |
| 5438 width: auto; | |
| 5439 } | |
| 5440 | |
| 5441 .jqx-ribbon-content-section { | |
| 5442 width: 100%; | |
| 5443 height: 100%; | |
| 5444 display: none; | |
| 5445 border-width: 1px; | |
| 5446 border-style: solid; | |
| 5447 box-sizing: inherit; | |
| 5448 overflow: auto; | |
| 5449 } | |
| 5450 | |
| 5451 .jqx-ribbon-content-section-top { | |
| 5452 border-top: none; | |
| 5453 } | |
| 5454 | |
| 5455 .jqx-ribbon-content-section-bottom { | |
| 5456 bottom: 0; | |
| 5457 border-bottom: none; | |
| 5458 } | |
| 5459 | |
| 5460 .jqx-ribbon-content-section-left { | |
| 5461 border-left: none; | |
| 5462 } | |
| 5463 | |
| 5464 .jqx-ribbon-content-section-right { | |
| 5465 border-right: none; | |
| 5466 right: 0; | |
| 5467 } | |
| 5468 | |
| 5469 .jqx-ribbon-content-section-popup { | |
| 5470 position: relative; | |
| 5471 } | |
| 5472 | |
| 5473 .jqx-ribbon-content-section-horizontal-popup { | |
| 5474 height: auto; | |
| 5475 } | |
| 5476 | |
| 5477 .jqx-ribbon-content-section-vertical-popup { | |
| 5478 width: auto; | |
| 5479 } | |
| 5480 | |
| 5481 .jqx-ribbon-header-rtl { | |
| 5482 text-align: right; | |
| 5483 } | |
| 5484 | |
| 5485 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl { | |
| 5486 direction: rtl; | |
| 5487 } | |
| 5488 | |
| 5489 .jqx-ribbon-item-rtl { | |
| 5490 direction: rtl; | |
| 5491 } | |
| 5492 | |
| 5493 .jqx-ribbon-scrollbutton { | |
| 5494 position: absolute; | |
| 5495 display: none; | |
| 5496 box-sizing: border-box; | |
| 5497 cursor: pointer; | |
| 5498 background-repeat: no-repeat !important; | |
| 5499 background-position: center !important; | |
| 5500 z-index: 0; | |
| 5501 } | |
| 5502 | |
| 5503 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom { | |
| 5504 width: 17px; | |
| 5505 } | |
| 5506 | |
| 5507 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right { | |
| 5508 height: 17px; | |
| 5509 } | |
| 5510 | |
| 5511 .jqx-ribbon-scrollbutton-top { | |
| 5512 top: 1px; | |
| 5513 border-bottom-width: 1px; | |
| 5514 border-bottom-style: solid; | |
| 5515 } | |
| 5516 | |
| 5517 .jqx-ribbon-scrollbutton-bottom { | |
| 5518 bottom: 1px; | |
| 5519 border-top-width: 1px; | |
| 5520 border-top-style: solid; | |
| 5521 } | |
| 5522 | |
| 5523 .jqx-ribbon-scrollbutton-left { | |
| 5524 left: 1px; | |
| 5525 border-right-width: 1px; | |
| 5526 border-right-style: solid; | |
| 5527 } | |
| 5528 | |
| 5529 .jqx-ribbon-scrollbutton-right { | |
| 5530 right: 1px; | |
| 5531 border-left-width: 1px; | |
| 5532 border-left-style: solid; | |
| 5533 } | |
| 5534 | |
| 5535 .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 { | |
| 5536 left: 1px; | |
| 5537 border-right-width: 1px; | |
| 5538 border-right-style: solid; | |
| 5539 } | |
| 5540 | |
| 5541 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { | |
| 5542 right: 18px; | |
| 5543 border-left-width: 1px; | |
| 5544 border-left-style: solid; | |
| 5545 } | |
| 5546 | |
| 5547 .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 { | |
| 5548 right: 1px; | |
| 5549 border-left-width: 1px; | |
| 5550 border-left-style: solid; | |
| 5551 } | |
| 5552 | |
| 5553 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { | |
| 5554 left: 18px; | |
| 5555 border-right-width: 1px; | |
| 5556 border-right-style: solid; | |
| 5557 } | |
| 5558 | |
| 5559 .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 { | |
| 5560 top: 1px; | |
| 5561 border-bottom-width: 1px; | |
| 5562 border-bottom-style: solid; | |
| 5563 } | |
| 5564 | |
| 5565 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { | |
| 5566 bottom: 18px; | |
| 5567 border-top-width: 1px; | |
| 5568 border-top-style: solid; | |
| 5569 } | |
| 5570 | |
| 5571 .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 { | |
| 5572 bottom: 1px; | |
| 5573 border-top-width: 1px; | |
| 5574 border-top-style: solid; | |
| 5575 } | |
| 5576 | |
| 5577 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { | |
| 5578 top: 18px; | |
| 5579 border-bottom-width: 1px; | |
| 5580 border-bottom-style: solid; | |
| 5581 } | |
| 5582 | |
| 5583 .jqx-ribbon-scrollbutton-inner { | |
| 5584 width: 100%; | |
| 5585 height: 100%; | |
| 5586 background-repeat: no-repeat; | |
| 5587 background-position: center; | |
| 5588 } | |
| 5589 | |
| 5590 .jqx-ribbon-selection-token { | |
| 5591 position: absolute; | |
| 5592 z-index: 0; | |
| 5593 } | |
| 5594 | |
| 5595 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom { | |
| 5596 height: 1px; | |
| 5597 } | |
| 5598 | |
| 5599 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right { | |
| 5600 width: 1px; | |
| 5601 } | |
| 5602 | |
| 5603 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content { | |
| 5604 *display: inline; | |
| 5605 } | |
| 5606 | |
| 5607 .jqx-ribbon-content-left { | |
| 5608 *float: none; | |
| 5609 } | |
| 5610 | |
| 5611 .jqx-ribbon-content-right { | |
| 5612 *float: left; | |
| 5613 } | |
| 5614 | |
| 5615 .jqx-ribbon-content.jqx-ribbon-content-popup { | |
| 5616 *left: 0; | |
| 5617 } | |
| 5618 | |
| 5619 .jqx-ribbon-content-popup .jqx-ribbon-content-section { | |
| 5620 *overflow: visible; | |
| 5621 } | |
| 5622 | |
| 5623 .jqx-ribbon-content-section-popup { | |
| 5624 *position: absolute; | |
| 5625 } | |
| 5626 | |
| 5627 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator { | |
| 5628 box-sizing: border-box; | |
| 5629 } | |
| 5630 | |
| 5631 .jqx-toolbar, .jqx-toolbar-minimized-popup { | |
| 5632 padding: 5px; | |
| 5633 } | |
| 5634 | |
| 5635 .jqx-toolbar { | |
| 5636 position: relative; | |
| 5637 border-width: 1px; | |
| 5638 border-style: solid; | |
| 5639 overflow: hidden; | |
| 5640 } | |
| 5641 | |
| 5642 .jqx-toolbar-tool { | |
| 5643 float: left; | |
| 5644 margin-top: 0; | |
| 5645 margin-bottom: 0; | |
| 5646 } | |
| 5647 | |
| 5648 .jqx-toolbar-tool-rtl { | |
| 5649 float: right; | |
| 5650 } | |
| 5651 | |
| 5652 .jqx-toolbar-tool-no-separator-ltr { | |
| 5653 margin-right: 2px !important; | |
| 5654 } | |
| 5655 | |
| 5656 .jqx-toolbar-tool-no-separator-rtl { | |
| 5657 margin-left: 2px !important; | |
| 5658 } | |
| 5659 | |
| 5660 .jqx-toolbar-tool-separator-ltr { | |
| 5661 margin-right: 6px !important; | |
| 5662 } | |
| 5663 | |
| 5664 .jqx-toolbar-tool-separator-rtl { | |
| 5665 margin-left: 6px !important; | |
| 5666 } | |
| 5667 | |
| 5668 .jqx-toolbar-tool-inner-button { | |
| 5669 margin-right: 0; | |
| 5670 margin-left: 0; | |
| 5671 border-radius: 0 !important; | |
| 5672 } | |
| 5673 | |
| 5674 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup { | |
| 5675 position: absolute; | |
| 5676 } | |
| 5677 | |
| 5678 .jqx-toolbar-minimized-button { | |
| 5679 height: 100%; | |
| 5680 right: 0; | |
| 5681 cursor: pointer; | |
| 5682 margin-top: -5px; | |
| 5683 margin-right: 5px; | |
| 5684 display: none; | |
| 5685 } | |
| 5686 | |
| 5687 .jqx-toolbar-minimized-button-rtl { | |
| 5688 left: 0; | |
| 5689 margin-left: 5px; | |
| 5690 margin-right: 0; | |
| 5691 } | |
| 5692 | |
| 5693 .jqx-toolbar-minimized-popup { | |
| 5694 border-width: 1px; | |
| 5695 border-top-width: 0; | |
| 5696 border-style: solid; | |
| 5697 visibility: hidden; | |
| 5698 z-index: 1000; | |
| 5699 } | |
| 5700 | |
| 5701 .jqx-toolbar-tool-minimized { | |
| 5702 margin: 1px 0 !important; | |
| 5703 } | |
| 5704 | |
| 5705 .jqx-toolbar-minimized-popup-separator { | |
| 5706 width: 100%; | |
| 5707 height: 2px; | |
| 5708 margin: 5px 0; | |
| 5709 display: none; | |
| 5710 } | |
| 5711 | |
| 5712 .jqx-complex-input-spin-buttons-container { | |
| 5713 border-width: 1px; | |
| 5714 border-style: solid; | |
| 5715 position: relative; | |
| 5716 -webkit-box-sizing: border-box !important; | |
| 5717 -moz-box-sizing: border-box !important; | |
| 5718 box-sizing: border-box !important; | |
| 5719 padding: 2px 8px !important; | |
| 5720 white-space: nowrap; | |
| 5721 vertical-align: middle; | |
| 5722 } | |
| 5723 | |
| 5724 .jqx-formatted-input, .jqx-complex-input { | |
| 5725 padding-right: 2px !important; | |
| 5726 text-align: right; | |
| 5727 } | |
| 5728 | |
| 5729 .jqx-formatted-input-lower-case, .jqx-complex-input { | |
| 5730 text-transform: lowercase; | |
| 5731 } | |
| 5732 | |
| 5733 .jqx-formatted-input-upper-case { | |
| 5734 text-transform: uppercase; | |
| 5735 } | |
| 5736 | |
| 5737 .jqx-formatted-input-item { | |
| 5738 word-wrap: break-word; | |
| 5739 } | |
| 5740 | |
| 5741 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl { | |
| 5742 direction: rtl !important; | |
| 5743 } | |
| 5744 | |
| 5745 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon { | |
| 5746 height: 100%; | |
| 5747 } | |
| 5748 | |
| 5749 .jqx-formatted-input-spin-buttons-container { | |
| 5750 width: 18px; | |
| 5751 padding: 0 0 0 1px !important; | |
| 5752 overflow: hidden; | |
| 5753 } | |
| 5754 | |
| 5755 .jqx-formatted-input-spin-buttons-container-rtl { | |
| 5756 border-right-width: 0px; | |
| 5757 padding: 0 0 0 2px !important; | |
| 5758 } | |
| 5759 | |
| 5760 .jqx-formatted-input-spin-buttons-container-rtl-border { | |
| 5761 border-left-width: 1px !important; | |
| 5762 } | |
| 5763 | |
| 5764 .jqx-formatted-input-spin-button { | |
| 5765 position: relative; | |
| 5766 width: 17px; | |
| 5767 height: 50%; | |
| 5768 margin-left: -1px; | |
| 5769 border-width: 0px; | |
| 5770 padding: 0px; | |
| 5771 overflow: hidden; | |
| 5772 cursor: pointer; | |
| 5773 } | |
| 5774 | |
| 5775 .jqx-formatted-input-addon { | |
| 5776 width: 19px; | |
| 5777 padding: 0 !important; | |
| 5778 cursor: pointer; | |
| 5779 } | |
| 5780 | |
| 5781 .jqx-formatted-input-addon-rtl { | |
| 5782 border-right-width: 1px !important; | |
| 5783 } | |
| 5784 | |
| 5785 .jqx-complex-input-parent { | |
| 5786 overflow: hidden; | |
| 5787 } | |
| 5788 | |
| 5789 .jqx-complex-input-child { | |
| 5790 height: 100%; | |
| 5791 float: left; | |
| 5792 box-sizing: border-box; | |
| 5793 } | |
| 5794 | |
| 5795 .jqx-complex-input-child-rtl { | |
| 5796 float: right; | |
| 5797 } | |
| 5798 | |
| 5799 .jqx-complex-input-spin-buttons-container-ltr { | |
| 5800 border-left-width: 0; | |
| 5801 } | |
| 5802 | |
| 5803 .jqx-complex-input-spin-buttons-container-rtl { | |
| 5804 border-left-width: 1px !important; | |
| 5805 border-right-width: 0; | |
| 5806 } | |
| 5807 | |
| 5808 .jqx-file-upload { | |
| 5809 position: relative; | |
| 5810 overflow: auto; | |
| 5811 } | |
| 5812 | |
| 5813 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { | |
| 5814 border-width: 1px; | |
| 5815 border-style: solid; | |
| 5816 box-sizing: border-box; | |
| 5817 } | |
| 5818 | |
| 5819 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element { | |
| 5820 display: none; | |
| 5821 } | |
| 5822 | |
| 5823 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon { | |
| 5824 width: 100%; | |
| 5825 } | |
| 5826 | |
| 5827 .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 { | |
| 5828 height: 100%; | |
| 5829 } | |
| 5830 | |
| 5831 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 { | |
| 5832 position: absolute; | |
| 5833 } | |
| 5834 | |
| 5835 .jqx-file-input-iframe { | |
| 5836 width: 0; | |
| 5837 height: 0; | |
| 5838 border: none; | |
| 5839 } | |
| 5840 | |
| 5841 .jqx-file-upload-form, .jqx-file-upload-file-input { | |
| 5842 visibility: hidden; | |
| 5843 display: none; | |
| 5844 } | |
| 5845 | |
| 5846 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 { | |
| 5847 display: block; | |
| 5848 visibility: visible; | |
| 5849 } | |
| 5850 | |
| 5851 .jqx-file-upload-form-ie9 { | |
| 5852 z-index: 10000; | |
| 5853 opacity: 0; | |
| 5854 filter: alpha(opacity=0); | |
| 5855 } | |
| 5856 | |
| 5857 .jqx-file-upload-file-name { | |
| 5858 width: auto; | |
| 5859 padding: 0 2px 0 2px; | |
| 5860 overflow: hidden; | |
| 5861 white-space: nowrap; | |
| 5862 text-overflow: ellipsis; | |
| 5863 *float: left; | |
| 5864 } | |
| 5865 | |
| 5866 .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 { | |
| 5867 float: right; | |
| 5868 } | |
| 5869 | |
| 5870 .jqx-file-upload, .jqx-file-upload-file-row { | |
| 5871 padding: 5px; | |
| 5872 } | |
| 5873 | |
| 5874 .jqx-file-upload-button-browse { | |
| 5875 display: block; | |
| 5876 } | |
| 5877 | |
| 5878 .jqx-file-upload-buttons-container { | |
| 5879 height: auto; | |
| 5880 margin-top: 10px; | |
| 5881 } | |
| 5882 | |
| 5883 .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 { | |
| 5884 direction: rtl !important; | |
| 5885 } | |
| 5886 | |
| 5887 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl { | |
| 5888 margin-left: 5px; | |
| 5889 } | |
| 5890 | |
| 5891 .jqx-file-upload-button-upload-rtl-ie { | |
| 5892 margin-right: 5px; | |
| 5893 } | |
| 5894 | |
| 5895 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie { | |
| 5896 margin-left: 0; | |
| 5897 } | |
| 5898 | |
| 5899 .jqx-file-upload-file-row { | |
| 5900 height: 30px; | |
| 5901 margin-bottom: 3px; | |
| 5902 clear: both; | |
| 5903 } | |
| 5904 | |
| 5905 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { | |
| 5906 width: 17px; | |
| 5907 margin: 0 1px 0 1px; | |
| 5908 } | |
| 5909 | |
| 5910 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl { | |
| 5911 float: none; | |
| 5912 *float: left; | |
| 5913 } | |
| 5914 | |
| 5915 .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 { | |
| 5916 cursor: pointer; | |
| 5917 white-space: nowrap; | |
| 5918 } | |
| 5919 | |
| 5920 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { | |
| 5921 display: inline-block; | |
| 5922 } | |
| 5923 | |
| 5924 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element { | |
| 5925 margin-top: 1px; | |
| 5926 } | |
| 5927 | |
| 5928 .jqx-file-upload-loading-element { | |
| 5929 background-image: url('images/loader-small.gif'); | |
| 5930 background-repeat: no-repeat; | |
| 5931 } | |
| 5932 | |
| 5933 .jqx-date-time-input-popup .jqx-icon { | |
| 5934 margin-top: 0px; | |
| 5935 } | |
| 5936 | |
| 5937 | |
| 5938 .jqx-text-area-element { | |
| 5939 height: 100%; | |
| 5940 width: 100%; | |
| 5941 overflow: hidden; | |
| 5942 border: none; | |
| 5943 outline: none; | |
| 5944 left: 0px; | |
| 5945 top: 0px; | |
| 5946 margin: 0px; | |
| 5947 position: absolute; | |
| 5948 resize: none; | |
| 5949 } | |
| 5950 | |
| 5951 .jqx-text-area-element-rtl { | |
| 5952 direction: rtl !important; | |
| 5953 } | |
| 5954 | |
| 5955 .jqx-responsive-panel { | |
| 5956 overflow: auto; | |
| 5957 } | |
| 5958 | |
| 5959 .jqx-responsive-panel { | |
| 5960 border-width: 0px; | |
| 5961 } | |
| 5962 | |
| 5963 .jqx-responsive-panel-button { | |
| 5964 border-width: 1px; | |
| 5965 border-style: solid; | |
| 5966 } | |
| 5967 | |
| 5968 .jqx-responsive-panel-button { | |
| 5969 display: none; | |
| 5970 cursor: pointer; | |
| 5971 } | |
| 5972 | |
| 5973 .jqx-responsive-panel-button-inner { | |
| 5974 margin: 0; | |
| 5975 width: 100%; | |
| 5976 height: 100%; | |
| 5977 background-position: center; | |
| 5978 } | |
| 5979 | |
| 5980 .jqx-loader { | |
| 5981 margin: auto; | |
| 5982 position: absolute; | |
| 5983 top: 0; | |
| 5984 left: 0; | |
| 5985 bottom: 0; | |
| 5986 right: 0; | |
| 5987 background-color: rgba(255,255,255,0.5); | |
| 5988 z-index: 999; | |
| 5989 border-style: solid; | |
| 5990 border-width: 1px; | |
| 5991 } | |
| 5992 | |
| 5993 .jqx-loader-ie-transparency { | |
| 5994 background: transparent; | |
| 5995 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/ | |
| 5996 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/ | |
| 5997 } | |
| 5998 | |
| 5999 .jqx-loader-modal { | |
| 6000 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
| 6001 filter: alpha(opacity=50); | |
| 6002 position: fixed; | |
| 6003 height: 100%; | |
| 6004 width: 100%; | |
| 6005 z-index: 99; | |
| 6006 cursor: default; | |
| 6007 top: 0; | |
| 6008 left: 0; | |
| 6009 background-color: black; | |
| 6010 opacity: 0.6; | |
| 6011 } | |
| 6012 | |
| 6013 .jqx-loader-icon { | |
| 6014 background-image: url("images/loader.gif"); | |
| 6015 background-repeat: no-repeat; | |
| 6016 background-position: center; | |
| 6017 width: 100%; | |
| 6018 height: 100%; | |
| 6019 position: absolute; | |
| 6020 z-index: 999; | |
| 6021 } | |
| 6022 | |
| 6023 .jqx-loader-text { | |
| 6024 z-index: 999; | |
| 6025 position: relative; | |
| 6026 } | |
| 6027 | |
| 6028 .jqx-loader-text-left { | |
| 6029 margin-left: 5px; | |
| 6030 position: absolute; | |
| 6031 top: 50%; | |
| 6032 } | |
| 6033 | |
| 6034 .jqx-loader-text-right { | |
| 6035 margin-right: 5px; | |
| 6036 position: absolute; | |
| 6037 top: 50%; | |
| 6038 right: 0px; | |
| 6039 } | |
| 6040 | |
| 6041 .jqx-loader-text-top { | |
| 6042 text-align: center; | |
| 6043 margin-top: 5px; | |
| 6044 } | |
| 6045 | |
| 6046 .jqx-loader-text-bottom { | |
| 6047 bottom: 0px; | |
| 6048 position: absolute; | |
| 6049 text-align: center; | |
| 6050 margin: 0 auto; | |
| 6051 width: 100%; | |
| 6052 margin-bottom: 5px; | |
| 6053 } | |
| 6054 | |
| 6055 .jqx-loader-rtl { | |
| 6056 direction: rtl; | |
| 6057 } | |
| 6058 /* jqxLayout and jqxDockingLayout */ | |
| 6059 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content { | |
| 6060 position: relative; | |
| 6061 } | |
| 6062 | |
| 6063 .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 { | |
| 6064 position: absolute; | |
| 6065 } | |
| 6066 | |
| 6067 .jqx-layout { | |
| 6068 background-color: #c5c5c5; | |
| 6069 } | |
| 6070 | |
| 6071 .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 { | |
| 6072 width: 100%; | |
| 6073 height: 100%; | |
| 6074 } | |
| 6075 | |
| 6076 .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 { | |
| 6077 float: left; | |
| 6078 } | |
| 6079 | |
| 6080 .jqx-layout-group-tabbed { | |
| 6081 position: static; | |
| 6082 box-sizing: border-box; | |
| 6083 min-height: 0 !important; | |
| 6084 } | |
| 6085 | |
| 6086 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content { | |
| 6087 padding: 0; | |
| 6088 } | |
| 6089 | |
| 6090 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section { | |
| 6091 border: none; | |
| 6092 } | |
| 6093 | |
| 6094 .jqx-layout-window { | |
| 6095 position: static; | |
| 6096 } | |
| 6097 | |
| 6098 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal { | |
| 6099 overflow: auto; | |
| 6100 } | |
| 6101 | |
| 6102 .jqx-layout-group-auto-hide-content-vertical { | |
| 6103 width: 150px; | |
| 6104 } | |
| 6105 | |
| 6106 .jqx-layout-group-auto-hide-content-horizontal { | |
| 6107 width: 100%; | |
| 6108 height: 150px; | |
| 6109 } | |
| 6110 | |
| 6111 .jqx-layout-pseudo-window { | |
| 6112 border-width: 1px; | |
| 6113 border-style: solid; | |
| 6114 box-sizing: border-box; | |
| 6115 box-shadow: none !important; | |
| 6116 } | |
| 6117 | |
| 6118 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content { | |
| 6119 width: 100%; | |
| 6120 box-sizing: border-box; | |
| 6121 } | |
| 6122 | |
| 6123 .jqx-layout-pseudo-window-header { | |
| 6124 height: 30px; | |
| 6125 } | |
| 6126 | |
| 6127 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background { | |
| 6128 width: 16px; | |
| 6129 height: 16px; | |
| 6130 top: 5px; | |
| 6131 } | |
| 6132 | |
| 6133 .jqx-layout-pseudo-window-pin-background-ltr { | |
| 6134 right: 15px; | |
| 6135 } | |
| 6136 | |
| 6137 .jqx-layout-pseudo-window-close-background-ltr { | |
| 6138 right: 0; | |
| 6139 } | |
| 6140 | |
| 6141 .jqx-layout-pseudo-window-pin-background-rtl { | |
| 6142 left: 15px; | |
| 6143 } | |
| 6144 | |
| 6145 .jqx-layout-pseudo-window-close-background-rtl { | |
| 6146 left: 0; | |
| 6147 } | |
| 6148 | |
| 6149 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon { | |
| 6150 cursor: pointer; | |
| 6151 } | |
| 6152 | |
| 6153 .jqx-layout-pseudo-window-title { | |
| 6154 white-space: nowrap; | |
| 6155 overflow: hidden; | |
| 6156 text-overflow: ellipsis; | |
| 6157 } | |
| 6158 | |
| 6159 .jqx-layout-pseudo-window-pin-icon { | |
| 6160 background-image: url("images/pin.png"); | |
| 6161 } | |
| 6162 | |
| 6163 .jqx-layout-pseudo-window-pinned-icon { | |
| 6164 background-image: url("images/pinned.png"); | |
| 6165 } | |
| 6166 | |
| 6167 .jqx-layout-pseudo-window-title-rtl { | |
| 6168 float: right; | |
| 6169 } | |
| 6170 | |
| 6171 .jqx-layout-resize-feedback { | |
| 6172 z-index: 9999; | |
| 6173 top: 0; | |
| 6174 left: 0; | |
| 6175 border-width: 1px; | |
| 6176 border-style: solid; | |
| 6177 box-sizing: border-box; | |
| 6178 opacity: 0.6; | |
| 6179 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; | |
| 6180 display: none; | |
| 6181 } | |
| 6182 | |
| 6183 .jqx-layout-resize-feedback-horizontal { | |
| 6184 width: 100%; | |
| 6185 height: 4px; | |
| 6186 cursor: row-resize; | |
| 6187 } | |
| 6188 | |
| 6189 .jqx-layout-resize-feedback-vertical { | |
| 6190 width: 4px; | |
| 6191 height: 100%; | |
| 6192 cursor: col-resize; | |
| 6193 } | |
| 6194 | |
| 6195 .jqx-layout-resize-feedback-warning { | |
| 6196 border-color: #800000 !important; | |
| 6197 background-color: Red !important; | |
| 6198 } | |
| 6199 | |
| 6200 .jqx-layout-overlay { | |
| 6201 top: 0; | |
| 6202 left: 0; | |
| 6203 display: none; | |
| 6204 background-color: transparent; | |
| 6205 z-index: 8999; | |
| 6206 pointer-events: none; | |
| 6207 } | |
| 6208 | |
| 6209 .jqx-layout-ribbon-header-ltr { | |
| 6210 padding-left: 20px; | |
| 6211 } | |
| 6212 | |
| 6213 .jqx-layout-ribbon-header-rtl { | |
| 6214 padding-right: 20px; | |
| 6215 } | |
| 6216 | |
| 6217 /* jqxDockingLayout-specific */ | |
| 6218 .jqx-docking-layout-group-floating { | |
| 6219 border-color: #FFD280 !important; | |
| 6220 } | |
| 6221 | |
| 6222 .jqx-docking-layout-group-floating .jqx-window-header { | |
| 6223 border-color: #FFD280; | |
| 6224 background-color: #FFD280 !important; | |
| 6225 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; | |
| 6226 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; | |
| 6227 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; | |
| 6228 background: linear-gradient(#FFE4B5, #FFD280 ) !important; | |
| 6229 } | |
| 6230 | |
| 6231 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { | |
| 6232 z-index: 99999; | |
| 6233 opacity: 0.9; | |
| 6234 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
| 6235 } | |
| 6236 | |
| 6237 .jqx-docking-layout-overlay-square-edge { | |
| 6238 display: none; | |
| 6239 } | |
| 6240 | |
| 6241 .jqx-docking-layout-overlay { | |
| 6242 width: 100px; | |
| 6243 height: 100px; | |
| 6244 left: 100px; | |
| 6245 top: 70px; | |
| 6246 } | |
| 6247 | |
| 6248 .jqx-docking-layout-overlay-section { | |
| 6249 height: 33px; | |
| 6250 width: 100px; | |
| 6251 } | |
| 6252 | |
| 6253 .jqx-docking-layout-overlay-square { | |
| 6254 width: 26px; | |
| 6255 height: 26px; | |
| 6256 padding: 3px; | |
| 6257 } | |
| 6258 | |
| 6259 .jqx-docking-layout-overlay-square-invisible { | |
| 6260 background-color: transparent !important; | |
| 6261 background-image: none !important; | |
| 6262 } | |
| 6263 | |
| 6264 .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 { | |
| 6265 border-top-width: 1px; | |
| 6266 border-top-style: solid; | |
| 6267 } | |
| 6268 | |
| 6269 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right { | |
| 6270 border-left-width: 1px; | |
| 6271 border-left-style: solid; | |
| 6272 } | |
| 6273 | |
| 6274 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left { | |
| 6275 border-right-width: 1px; | |
| 6276 border-right-style: solid; | |
| 6277 } | |
| 6278 | |
| 6279 .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 { | |
| 6280 border-bottom-width: 1px; | |
| 6281 border-bottom-style: solid; | |
| 6282 } | |
| 6283 | |
| 6284 .jqx-docking-layout-overlay-square-center { | |
| 6285 border-color: transparent !important; | |
| 6286 } | |
| 6287 | |
| 6288 .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 { | |
| 6289 width: 24px; | |
| 6290 } | |
| 6291 | |
| 6292 .jqx-docking-layout-overlay-inner-square { | |
| 6293 border-width: 1px; | |
| 6294 border-style: solid; | |
| 6295 height: 24px; | |
| 6296 } | |
| 6297 | |
| 6298 .jqx-docking-layout-overlay-inner-square-header { | |
| 6299 height: 5px; | |
| 6300 } | |
| 6301 | |
| 6302 .jqx-docking-layout-overlay-inner-square-content { | |
| 6303 height: 18px; | |
| 6304 } | |
| 6305 | |
| 6306 .jqx-docking-layout-overlay-highlight { | |
| 6307 } | |
| 6308 | |
| 6309 .jqx-docking-layout-overlay-highlight-top { | |
| 6310 height: 9px; | |
| 6311 border-bottom-style: dashed; | |
| 6312 } | |
| 6313 | |
| 6314 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right { | |
| 6315 width: 12px; | |
| 6316 height: 18px; | |
| 6317 } | |
| 6318 | |
| 6319 .jqx-docking-layout-overlay-highlight-left { | |
| 6320 border-right-style: dashed; | |
| 6321 } | |
| 6322 | |
| 6323 .jqx-docking-layout-overlay-highlight-right { | |
| 6324 right: 0; | |
| 6325 border-left-style: dashed; | |
| 6326 } | |
| 6327 | |
| 6328 .jqx-docking-layout-overlay-highlight-bottom { | |
| 6329 bottom: 0; | |
| 6330 height: 9px; | |
| 6331 border-top-style: dashed; | |
| 6332 } | |
| 6333 | |
| 6334 .jqx-docking-layout-drop-overlay { | |
| 6335 display: none; | |
| 6336 background-color: #6495ED; | |
| 6337 opacity: 0.5; | |
| 6338 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
| 6339 z-index: 10000; | |
| 6340 top: 0px; | |
| 6341 left: 0px; | |
| 6342 } | |
| 6343 | |
| 6344 .jqx-docking-layout-square-disabled { | |
| 6345 visibility: hidden; | |
| 6346 } | |
| 6347 | |
| 6348 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical { | |
| 6349 border-style: solid; | |
| 6350 border-width: 1px; | |
| 6351 } | |
| 6352 | |
| 6353 .jqx-docking-layout-overlay-inner-square-edge { | |
| 6354 width: 26px; | |
| 6355 height: 26px; | |
| 6356 } | |
| 6357 | |
| 6358 .jqx-docking-layout-overlay-mini-window-edge-horizontal { | |
| 6359 height: 24px; | |
| 6360 } | |
| 6361 | |
| 6362 .jqx-docking-layout-overlay-mini-window-edge-vertical { | |
| 6363 height: 13px; | |
| 6364 } | |
| 6365 | |
| 6366 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal { | |
| 6367 width: 13px; | |
| 6368 } | |
| 6369 | |
| 6370 .jqx-docking-layout-overlay-inner-square-content-vertical { | |
| 6371 height: 7px; | |
| 6372 } | |
| 6373 | |
| 6374 .jqx-docking-layout-overlay-square-edge-arrow { | |
| 6375 border-style: solid; | |
| 6376 border-width: 5px; | |
| 6377 width: 0px; | |
| 6378 height: 0px; | |
| 6379 display: block; | |
| 6380 background: transparent !important; | |
| 6381 } | |
| 6382 | |
| 6383 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top { | |
| 6384 border-top-color: transparent !important; | |
| 6385 } | |
| 6386 | |
| 6387 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom { | |
| 6388 border-bottom-color: transparent !important; | |
| 6389 } | |
| 6390 | |
| 6391 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { | |
| 6392 border-left-color: transparent !important; | |
| 6393 } | |
| 6394 | |
| 6395 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { | |
| 6396 border-right-color: transparent !important; | |
| 6397 } | |
| 6398 | |
| 6399 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right { | |
| 6400 margin-top: 8px; | |
| 6401 } | |
| 6402 | |
| 6403 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { | |
| 6404 margin-left: 8px; | |
| 6405 } | |
| 6406 | |
| 6407 .jqx-tag-cloud ul { | |
| 6408 padding-left: 5px; | |
| 6409 } | |
| 6410 | |
| 6411 .jqx-tag-cloud-item { | |
| 6412 padding: 3px; | |
| 6413 display: inline-block; | |
| 6414 } | |
| 6415 | |
| 6416 .jqx-tag-cloud-item a { | |
| 6417 text-decoration: initial; | |
| 6418 } | |
| 6419 | |
| 6420 .jqx-tag-cloud-item a:hover { | |
| 6421 text-decoration: underline; | |
| 6422 } | |
| 6423 | |
| 6424 .jqx-popover { | |
| 6425 position: absolute; | |
| 6426 top: 0; | |
| 6427 left: 0; | |
| 6428 z-index: 9999; | |
| 6429 background-color: #ffffff; | |
| 6430 border: 1px solid #aaa; | |
| 6431 border: 1px solid rgba(0, 0, 0, 0.3); | |
| 6432 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); | |
| 6433 } | |
| 6434 | |
| 6435 .jqx-popover-modal-background { | |
| 6436 position: fixed; | |
| 6437 left: 0px; | |
| 6438 top: 0px; | |
| 6439 width: 100%; | |
| 6440 height: 100%; | |
| 6441 z-index: 999; | |
| 6442 /* Fallback for web browsers that don't support RGBa */ | |
| 6443 background-color: rgb(0, 0, 0); | |
| 6444 /* RGBa with 0.6 opacity */ | |
| 6445 background-color: rgba(0, 0, 0, 0.6); | |
| 6446 /* For IE 5.5 - 7*/ | |
| 6447 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); | |
| 6448 /* For IE 8*/ | |
| 6449 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; | |
| 6450 } | |
| 6451 | |
| 6452 .jqx-popover-close-button { | |
| 6453 width: 16px; | |
| 6454 height: 16px; | |
| 6455 float: right; | |
| 6456 } | |
| 6457 | |
| 6458 .jqx-popover-close-button-rtl { | |
| 6459 float: left; | |
| 6460 } | |
| 6461 | |
| 6462 .jqx-popover.top { | |
| 6463 margin-top: -10px; | |
| 6464 } | |
| 6465 | |
| 6466 .jqx-popover.right { | |
| 6467 margin-left: 10px; | |
| 6468 } | |
| 6469 | |
| 6470 .jqx-popover.bottom { | |
| 6471 margin-top: 10px; | |
| 6472 } | |
| 6473 | |
| 6474 .jqx-popover.left { | |
| 6475 margin-left: -10px; | |
| 6476 } | |
| 6477 | |
| 6478 .jqx-popover-title { | |
| 6479 padding: 8px 14px; | |
| 6480 margin: 0; | |
| 6481 border-bottom: 1px solid inherit; | |
| 6482 -webkit-border-radius: 3px 3px 0 0; | |
| 6483 -moz-border-radius: 3px 3px 0 0; | |
| 6484 border-radius: 3px 3px 0 0; | |
| 6485 } | |
| 6486 | |
| 6487 .jqx-popover-title:empty { | |
| 6488 display: none; | |
| 6489 } | |
| 6490 | |
| 6491 .jqx-popover-content { | |
| 6492 padding: 9px 14px; | |
| 6493 } | |
| 6494 | |
| 6495 .jqx-popover .jqx-popover-arrow, | |
| 6496 .jqx-popover .jqx-popover-arrow:after { | |
| 6497 position: absolute; | |
| 6498 display: block; | |
| 6499 width: 0; | |
| 6500 height: 0; | |
| 6501 border-color: transparent; | |
| 6502 border-style: solid; | |
| 6503 } | |
| 6504 | |
| 6505 .jqx-popover .jqx-popover-arrow { | |
| 6506 border-width: 11px; | |
| 6507 } | |
| 6508 | |
| 6509 .jqx-popover .jqx-popover-arrow:after { | |
| 6510 border-width: 10px; | |
| 6511 content: ""; | |
| 6512 } | |
| 6513 | |
| 6514 .jqx-popover.top .jqx-popover-arrow { | |
| 6515 bottom: -11px; | |
| 6516 left: 50%; | |
| 6517 margin-left: -11px; | |
| 6518 border-top-color: inherit; | |
| 6519 border-bottom-width: 0; | |
| 6520 } | |
| 6521 | |
| 6522 .jqx-popover.top .jqx-popover-arrow:after { | |
| 6523 bottom: 1px; | |
| 6524 margin-left: -10px; | |
| 6525 border-top-color: #ffffff; | |
| 6526 border-bottom-width: 0; | |
| 6527 } | |
| 6528 | |
| 6529 .jqx-popover.right .jqx-popover-arrow { | |
| 6530 top: 50%; | |
| 6531 left: -11px; | |
| 6532 margin-top: -11px; | |
| 6533 border-right-color: inherit; | |
| 6534 border-left-width: 0; | |
| 6535 } | |
| 6536 | |
| 6537 .jqx-popover.right .jqx-popover-arrow:after { | |
| 6538 bottom: -10px; | |
| 6539 left: 1px; | |
| 6540 border-right-color: #ffffff; | |
| 6541 border-left-width: 0; | |
| 6542 } | |
| 6543 | |
| 6544 .jqx-popover.bottom .jqx-popover-arrow { | |
| 6545 top: -11px; | |
| 6546 left: 50%; | |
| 6547 margin-left: -11px; | |
| 6548 border-bottom-color: inherit; | |
| 6549 border-top-width: 0; | |
| 6550 } | |
| 6551 | |
| 6552 .jqx-popover.bottom .jqx-popover-arrow:after { | |
| 6553 top: 1px; | |
| 6554 margin-left: -10px; | |
| 6555 border-bottom-color: #ffffff; | |
| 6556 border-top-width: 0; | |
| 6557 } | |
| 6558 | |
| 6559 .jqx-popover.left .jqx-popover-arrow { | |
| 6560 top: 50%; | |
| 6561 right: -11px; | |
| 6562 margin-top: -11px; | |
| 6563 border-right-width: 0; | |
| 6564 border-left-color: inherit; | |
| 6565 } | |
| 6566 | |
| 6567 .jqx-popover.left .jqx-popover-arrow:after { | |
| 6568 right: 1px; | |
| 6569 bottom: -10px; | |
| 6570 border-left-color: #ffffff; | |
| 6571 border-right-width: 0; | |
| 6572 } | |
| 6573 | |
| 6574 | |
| 6575 .jqx-kanban-full-frame { | |
| 6576 width: 100vw; | |
| 6577 height: 100vh; | |
| 6578 } | |
| 6579 | |
| 6580 .jqx-kanban-in-frame { | |
| 6581 width: 100%; | |
| 6582 height: 100%; | |
| 6583 box-sizing: border-box; | |
| 6584 } | |
| 6585 | |
| 6586 .jqx-kanban-rtl { | |
| 6587 direction: rtl; | |
| 6588 text-align: right; | |
| 6589 } | |
| 6590 | |
| 6591 .jqx-kanban-column { | |
| 6592 box-sizing: border-box; | |
| 6593 border-style: solid; | |
| 6594 border-width: 1px 1px 1px 0px; | |
| 6595 float: left; | |
| 6596 } | |
| 6597 | |
| 6598 .jqx-kanban-column-collapsed { | |
| 6599 width: 50px; | |
| 6600 } | |
| 6601 | |
| 6602 .jqx-kanban-column-first { | |
| 6603 border-width: 1px; | |
| 6604 } | |
| 6605 | |
| 6606 .jqx-kanban-column:first-of-type { | |
| 6607 border-width: 1px 1px 1px 1px; | |
| 6608 } | |
| 6609 | |
| 6610 .jqx-kanban-column-selected { | |
| 6611 /* background-color: blue;*/ | |
| 6612 } | |
| 6613 | |
| 6614 .jqx-kanban-column-header-collapsed { /*vertical column invisible*/ | |
| 6615 display: none; | |
| 6616 box-sizing: border-box; | |
| 6617 height: 0px; | |
| 6618 width: 0px; | |
| 6619 position: relative; | |
| 6620 cursor: pointer; | |
| 6621 } | |
| 6622 | |
| 6623 .jqx-kanban-column-header-collapsed-show { /*vertical column visible*/ | |
| 6624 display: block !important; | |
| 6625 height: 100%; | |
| 6626 box-sizing: border-box; | |
| 6627 width: 100%; | |
| 6628 position: relative; | |
| 6629 cursor: pointer; | |
| 6630 } | |
| 6631 | |
| 6632 .jqx-kanban-column-vertical-container { | |
| 6633 padding-top: 0px; | |
| 6634 padding-left: 0px; | |
| 6635 transform: rotate(-90deg); | |
| 6636 -webkit-transform: rotate(-90deg); | |
| 6637 -moz-transform: rotate(-90deg); | |
| 6638 -o-transform: rotate(-90deg); | |
| 6639 -ms-transform: rotate(-90deg); | |
| 6640 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| 6641 white-space: nowrap; | |
| 6642 } | |
| 6643 | |
| 6644 .jqx-kanban-column-vertical-container-inverse { | |
| 6645 padding-top: 0px; | |
| 6646 padding-left: 20px; | |
| 6647 transform: rotate(90deg); | |
| 6648 -webkit-transform: rotate(90deg); | |
| 6649 -moz-transform: rotate(90deg); | |
| 6650 -o-transform: rotate(90deg); | |
| 6651 white-space: nowrap; | |
| 6652 } | |
| 6653 | |
| 6654 .jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status { | |
| 6655 position: relative; | |
| 6656 } | |
| 6657 | |
| 6658 .jqx-kanban-column-hide { /*colapsed*/ | |
| 6659 display: none !important; | |
| 6660 } | |
| 6661 | |
| 6662 .jqx-kanban-column-header { | |
| 6663 border-width: 1px; | |
| 6664 border-style: solid; | |
| 6665 margin: 1px; | |
| 6666 white-space: nowrap; | |
| 6667 padding-left: 5px; | |
| 6668 padding-right: 5px; | |
| 6669 cursor: pointer; | |
| 6670 overflow: hidden; | |
| 6671 position: relative; | |
| 6672 } | |
| 6673 | |
| 6674 .jqx-kanban-column-header-button { | |
| 6675 position: absolute; | |
| 6676 right: 0px; | |
| 6677 top: 50%; | |
| 6678 margin-top: -8px; | |
| 6679 width: 16px; | |
| 6680 height: 16px; | |
| 6681 } | |
| 6682 | |
| 6683 .jqx-kanban-column-header .jqx-window-collapse-button { | |
| 6684 margin-top: 1px !important; | |
| 6685 } | |
| 6686 | |
| 6687 .jqx-kanban-column-header-custom-button { | |
| 6688 position: absolute; | |
| 6689 right: 20px; | |
| 6690 top: 50%; | |
| 6691 margin-top: -8px; | |
| 6692 width: 16px; | |
| 6693 height: 16px; | |
| 6694 } | |
| 6695 | |
| 6696 .jqx-kanban-column-header-custom-button-rtl { | |
| 6697 left: 20px; | |
| 6698 } | |
| 6699 | |
| 6700 .jqx-kanban-column-header-button-rtl { | |
| 6701 left: 0px; | |
| 6702 } | |
| 6703 | |
| 6704 .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button { | |
| 6705 top: 100%; | |
| 6706 right: 50%; | |
| 6707 margin-top: -21px; | |
| 6708 left: 50%; | |
| 6709 margin-left: -8px; | |
| 6710 } | |
| 6711 | |
| 6712 .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button { | |
| 6713 top: 100%; | |
| 6714 right: 50%; | |
| 6715 margin-top: -41px; | |
| 6716 left: 50%; | |
| 6717 margin-left: -8px; | |
| 6718 } | |
| 6719 | |
| 6720 .jqx-kanban-column-container { | |
| 6721 margin: 1px; | |
| 6722 overflow-y: auto; | |
| 6723 } | |
| 6724 | |
| 6725 .jqx-kanban-item-placeholder { | |
| 6726 height: 100px; | |
| 6727 border: gray dotted 1px; | |
| 6728 border-radius: 3px; | |
| 6729 margin: 5px; | |
| 6730 } | |
| 6731 | |
| 6732 .jqx-kanban-column-vertical-container-inverse-ie8-fix { | |
| 6733 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
| 6734 } | |
| 6735 | |
| 6736 .jqx-kanban-column-vertical-container-ie8-fix { | |
| 6737 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
| 6738 } | |
| 6739 | |
| 6740 .jqx-kanban-item { | |
| 6741 margin: 2px; | |
| 6742 padding-top: 5px; | |
| 6743 padding-bottom: 5px; | |
| 6744 border-width: 1px; | |
| 6745 border-style: solid; | |
| 6746 border-color: inherit; | |
| 6747 position: relative; | |
| 6748 box-shadow: #ddd 2px 2px 3px; | |
| 6749 cursor: pointer; | |
| 6750 touch-action: none; | |
| 6751 -ms-touch-action: none; | |
| 6752 } | |
| 6753 | |
| 6754 .jqx-kanban-item-selected { | |
| 6755 } | |
| 6756 | |
| 6757 .jqx-kanban-item-color-status { | |
| 6758 background-color: #6bbd49; | |
| 6759 width: 3px; | |
| 6760 height: 100%; | |
| 6761 position: absolute; | |
| 6762 left: 0px; | |
| 6763 top: 0px; | |
| 6764 } | |
| 6765 | |
| 6766 .jqx-kanban-item-color-status-rtl { | |
| 6767 right: 0px; | |
| 6768 left: 100%; | |
| 6769 } | |
| 6770 | |
| 6771 .jqx-kanban-item-text { | |
| 6772 padding-left: 6px; | |
| 6773 padding-right: 23px; | |
| 6774 font-size: 14px; | |
| 6775 padding-bottom: 5px; | |
| 6776 overflow: hidden; | |
| 6777 text-overflow: ellipsis; | |
| 6778 } | |
| 6779 | |
| 6780 .jqx-kanban-rtl .jqx-kanban-item-text { | |
| 6781 padding-right: 6px; | |
| 6782 padding-left: 23px; | |
| 6783 } | |
| 6784 | |
| 6785 .jqx-kanban-column-header-title { | |
| 6786 } | |
| 6787 | |
| 6788 .jqx-kanban-column-header-status { | |
| 6789 } | |
| 6790 | |
| 6791 .jqx-kanban-item-content { | |
| 6792 } | |
| 6793 | |
| 6794 .jqx-kanban-item-avatar { | |
| 6795 width: 22px; | |
| 6796 height: 22px; | |
| 6797 position: absolute; | |
| 6798 right: 3px; | |
| 6799 top: 3px; | |
| 6800 background: #eee; | |
| 6801 text-align: center; | |
| 6802 overflow: hidden; | |
| 6803 } | |
| 6804 | |
| 6805 .jqx-kanban-item-avatar-rtl { | |
| 6806 left: 3px; | |
| 6807 } | |
| 6808 | |
| 6809 .jqx-kanban-item-avatar-image { | |
| 6810 width: 20px; | |
| 6811 height: 20px; | |
| 6812 } | |
| 6813 | |
| 6814 .jqx-kanban-item-avatar-image:hover { | |
| 6815 } | |
| 6816 | |
| 6817 .jqx-kanban-item-footer { | |
| 6818 border-top: 1px solid transparent; | |
| 6819 border-color: inherit; | |
| 6820 overflow: hidden; | |
| 6821 padding-top: 5px; | |
| 6822 margin-top: 5px; | |
| 6823 padding-bottom: 1px; | |
| 6824 padding-left: 6px; | |
| 6825 padding-right: 6px; | |
| 6826 } | |
| 6827 | |
| 6828 | |
| 6829 .jqx-kanban-item-keyword { | |
| 6830 float: left; | |
| 6831 margin: 2px; | |
| 6832 overflow: hidden; | |
| 6833 text-overflow: ellipsis; | |
| 6834 border: 1px solid transparent; | |
| 6835 border-color: inherit; | |
| 6836 padding-left: 2px; | |
| 6837 padding-right: 2px; | |
| 6838 cursor: pointer; | |
| 6839 } | |
| 6840 | |
| 6841 .jqx-kanban-item-keyword-rtl { | |
| 6842 direction: rtl; | |
| 6843 text-align: right; | |
| 6844 float: right; | |
| 6845 } | |
| 6846 | |
| 6847 .jqx-kanban-item-keyword:hover { | |
| 6848 } | |
| 6849 | |
| 6850 .jqx-kanban-item-avatar { | |
| 6851 height: 20px; | |
| 6852 } | |
| 6853 | |
| 6854 .jqx-kanban-handle { | |
| 6855 cursor: move; | |
| 6856 } | |
| 6857 | |
| 6858 .jqx-kanban-clearing { | |
| 6859 clear: both; | |
| 6860 } | |
| 6861 | |
| 6862 .jqx-sortable { | |
| 6863 touch-action: none; | |
| 6864 -ms-touch-action: none; | |
| 6865 } | |
| 6866 | |
| 6867 .jqx-bar-gauge-tooltip { | |
| 6868 position: absolute; | |
| 6869 left: 20px; | |
| 6870 top: 20px; | |
| 6871 display: none; | |
| 6872 padding: 6px 12px; | |
| 6873 border: black solid 1px; | |
| 6874 background-color: white; | |
| 6875 color: #333333; | |
| 6876 font-size: 11px; | |
| 6877 font-weight: 100; | |
| 6878 font-family: Verdana; | |
| 6879 border: black solid 1px; | |
| 6880 border-radius: 3px; | |
| 6881 opacity: 1; | |
| 6882 white-space: nowrap; | |
| 6883 z-index: 5; | |
| 6884 } | |
| 6885 | |
| 6886 .jqx-bar-gauge-measure-text { | |
| 6887 position: absolute; | |
| 6888 top: 0; | |
| 6889 right: 0; | |
| 6890 visibility: hidden; | |
| 6891 z-index: -99999; | |
| 6892 margin: 0px; | |
| 6893 padding: 0px; | |
| 6894 border-width: 0px; | |
| 6895 } | |
| 6896 | |
| 6897 .jqx-scrollbar-mobile { | |
| 6898 background: transparent !important; | |
| 6899 } | |
| 6900 | |
| 6901 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { | |
| 6902 background: transparent !important; | |
| 6903 border-color: transparent !important; | |
| 6904 } | |
| 6905 | |
| 6906 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { | |
| 6907 background: #808080 !important; | |
| 6908 border-color: #808080 !important; | |
| 6909 border-width: 1px; | |
| 6910 z-index: 99999; | |
| 6911 border-radius: 0px !important; | |
| 6912 } | |
| 6913 | |
| 6914 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { | |
| 6915 width: 4px !important; | |
| 6916 } | |
| 6917 | |
| 6918 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { | |
| 6919 height: 4px !important; | |
| 6920 } | |
| 6921 | |
| 6922 | |
| 6923 .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 { | |
| 6924 background-image: url('images/icon-down-white.png'); | |
| 6925 } | |
| 6926 | |
| 6927 .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 { | |
| 6928 background-image: url('images/icon-down-white.png'); | |
| 6929 } | |
| 6930 | |
| 6931 .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 { | |
| 6932 background-image: url('images/icon-down-white.png'); | |
| 6933 } | |
| 6934 | |
| 6935 .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 { | |
| 6936 background-image: url('images/icon-up-white.png'); | |
| 6937 } | |
| 6938 | |
| 6939 .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 { | |
| 6940 background-image: url('images/icon-up-white.png'); | |
| 6941 } | |
| 6942 | |
| 6943 .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 { | |
| 6944 background-image: url('images/icon-up-white.png'); | |
| 6945 } | |
| 6946 | |
| 6947 .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 { | |
| 6948 background-image: url('images/icon-right-white.png'); | |
| 6949 } | |
| 6950 | |
| 6951 .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 { | |
| 6952 background-image: url('images/icon-right-white.png'); | |
| 6953 } | |
| 6954 | |
| 6955 .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 { | |
| 6956 background-image: url('images/icon-right-white.png'); | |
| 6957 } | |
| 6958 | |
| 6959 .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 { | |
| 6960 background-image: url('images/icon-left-white.png'); | |
| 6961 } | |
| 6962 | |
| 6963 .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 { | |
| 6964 background-image: url('images/icon-left-white.png'); | |
| 6965 } | |
| 6966 | |
| 6967 .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 { | |
| 6968 background-image: url('images/icon-left-white.png'); | |
| 6969 } | |
| 6970 | |
| 6971 .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, | |
| 6972 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, | |
| 6973 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 6974 background-color: #f5f5f5 !important; | |
| 6975 color: #333 !important; | |
| 6976 text-shadow: none !important; | |
| 6977 border-color: #f5f5f5 !important; | |
| 6978 } | |
| 6979 | |
| 6980 .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, | |
| 6981 .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 { | |
| 6982 background-color: #f5f5f5 !important; | |
| 6983 color: #333 !important; | |
| 6984 text-shadow: none !important; | |
| 6985 border-color: #f5f5f5 !important; | |
| 6986 } | |
| 6987 | |
| 6988 .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, | |
| 6989 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, | |
| 6990 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 6991 background-color: #f5f5f5 !important; | |
| 6992 color: #333 !important; | |
| 6993 text-shadow: none !important; | |
| 6994 border-color: #f5f5f5 !important; | |
| 6995 } | |
| 6996 | |
| 6997 .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, | |
| 6998 .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 { | |
| 6999 background-color: #f5f5f5 !important; | |
| 7000 color: #333 !important; | |
| 7001 text-shadow: none !important; | |
| 7002 border-color: #f5f5f5 !important; | |
| 7003 } | |
| 7004 | |
| 7005 .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, | |
| 7006 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, | |
| 7007 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 7008 background-color: #f5f5f5 !important; | |
| 7009 color: #333 !important; | |
| 7010 text-shadow: none !important; | |
| 7011 border-color: #f5f5f5 !important; | |
| 7012 } | |
| 7013 | |
| 7014 .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, | |
| 7015 .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 { | |
| 7016 background-color: #f5f5f5 !important; | |
| 7017 color: #333 !important; | |
| 7018 text-shadow: none !important; | |
| 7019 border-color: #f5f5f5 !important; | |
| 7020 } | |
| 7021 | |
| 7022 .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, | |
| 7023 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, | |
| 7024 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 7025 background-color: #f5f5f5 !important; | |
| 7026 color: #333 !important; | |
| 7027 text-shadow: none !important; | |
| 7028 border-color: #f5f5f5 !important; | |
| 7029 } | |
| 7030 | |
| 7031 .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, | |
| 7032 .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 { | |
| 7033 background-color: #f5f5f5 !important; | |
| 7034 color: #333 !important; | |
| 7035 text-shadow: none !important; | |
| 7036 border-color: #f5f5f5 !important; | |
| 7037 } | |
| 7038 | |
| 7039 .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, | |
| 7040 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, | |
| 7041 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 7042 background-color: #f5f5f5 !important; | |
| 7043 color: #333 !important; | |
| 7044 text-shadow: none !important; | |
| 7045 border-color: #f5f5f5 !important; | |
| 7046 } | |
| 7047 | |
| 7048 .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, | |
| 7049 .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 { | |
| 7050 background-color: #f5f5f5 !important; | |
| 7051 color: #333 !important; | |
| 7052 text-shadow: none !important; | |
| 7053 border-color: #f5f5f5 !important; | |
| 7054 } | |
| 7055 | |
| 7056 .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, | |
| 7057 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, | |
| 7058 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { | |
| 7059 background-color: #f5f5f5 !important; | |
| 7060 color: #333 !important; | |
| 7061 text-shadow: none !important; | |
| 7062 border-color: #f5f5f5 !important; | |
| 7063 } | |
| 7064 | |
| 7065 .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, | |
| 7066 .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 { | |
| 7067 background-color: #f5f5f5 !important; | |
| 7068 color: #333 !important; | |
| 7069 text-shadow: none !important; | |
| 7070 border-color: #f5f5f5 !important; | |
| 7071 } | |
| 7072 | |
| 7073 .jqx-element { | |
| 7074 overflow: hidden; | |
| 7075 border-style: solid; | |
| 7076 border-width: 0px; | |
| 7077 border-color: transparent; | |
| 7078 box-sizing: border-box; | |
| 7079 } | |
| 7080 | |
| 7081 .jqx-element-no-border { | |
| 7082 border-width: 0px; | |
| 7083 } | |
| 7084 | |
| 7085 .jqx-element-container { | |
| 7086 } | |
| 7087 | |
| 7088 .jqx-resize-trigger, .jqx-resize-trigger-shrink { | |
| 7089 position: absolute; | |
| 7090 left: 0; | |
| 7091 top: 0; | |
| 7092 transition: 0s; | |
| 7093 } | |
| 7094 | |
| 7095 .jqx-resize-trigger-shrink { | |
| 7096 width: 200%; | |
| 7097 height: 200%; | |
| 7098 } | |
| 7099 | |
| 7100 .jqx-resize-trigger-container { | |
| 7101 display: block; | |
| 7102 visibility: hidden; | |
| 7103 position: relative; | |
| 7104 top: -100%; | |
| 7105 left: 0; | |
| 7106 min-height: 0.1px; | |
| 7107 height: 100%; | |
| 7108 width: 100%; | |
| 7109 overflow: hidden; | |
| 7110 pointer-events: none; | |
| 7111 z-index: -1; | |
| 7112 visibility: hidden; | |
| 7113 } | |
| 7114 | |
| 7115 /* jqxPivotGrid */ | |
| 7116 .jqx-pivotgrid { | |
| 7117 background-color: #DEDEDE; | |
| 7118 } | |
| 7119 | |
| 7120 .jqx-pivotgrid-item { | |
| 7121 white-space: nowrap; | |
| 7122 overflow: hidden; | |
| 7123 position: absolute; | |
| 7124 padding: 0px; | |
| 7125 text-overflow: ellipsis; | |
| 7126 } | |
| 7127 | |
| 7128 .jqx-pivotgrid-content-wrapper { | |
| 7129 align: left; | |
| 7130 valign: top; | |
| 7131 overflow: hidden; | |
| 7132 border: solid 1px grey; | |
| 7133 } | |
| 7134 | |
| 7135 .jqx-pivotgrid-menu-button { | |
| 7136 border: none; | |
| 7137 background-image: url('images/icon-menu-small.png'); | |
| 7138 background-repeat: no-repeat; | |
| 7139 background-position: center; | |
| 7140 cursor: pointer; | |
| 7141 } | |
| 7142 | |
| 7143 .jqx-pivotgrid-expand-button { | |
| 7144 outline: none; | |
| 7145 background-image: url('images/icon_expand.png'); | |
| 7146 background-repeat: no-repeat; | |
| 7147 cursor: pointer; | |
| 7148 margin: 0 0 0 0; | |
| 7149 padding: 0 0 0 0; | |
| 7150 position: relative; | |
| 7151 left: 5px; | |
| 7152 float: left; | |
| 7153 vertical-align: middle; | |
| 7154 } | |
| 7155 | |
| 7156 .jqx-pivotgrid-collapse-button { | |
| 7157 outline: none; | |
| 7158 background-image: url('images/icon_collapse.png'); | |
| 7159 background-repeat: no-repeat; | |
| 7160 cursor: pointer; | |
| 7161 margin: 0 0 0 0; | |
| 7162 padding: 0 0 0 0; | |
| 7163 position: relative; | |
| 7164 left: 5px; | |
| 7165 float: left; | |
| 7166 vertical-align: middle; | |
| 7167 } | |
| 7168 | |
| 7169 .jqx-pivotgrid-sortasc-icon { | |
| 7170 background-image: url('images/icon-sort-asc.png'); | |
| 7171 background-repeat: no-repeat; | |
| 7172 background-position: left center; | |
| 7173 width: 16px; | |
| 7174 height: 16px; | |
| 7175 float: left; | |
| 7176 margin-left: -4px; | |
| 7177 margin-right: 4px; | |
| 7178 } | |
| 7179 | |
| 7180 .jqx-pivotgrid-sortdesc-icon { | |
| 7181 background-image: url('images/icon-sort-desc.png'); | |
| 7182 background-repeat: no-repeat; | |
| 7183 background-position: left center; | |
| 7184 width: 16px; | |
| 7185 height: 16px; | |
| 7186 float: left; | |
| 7187 margin-left: -4px; | |
| 7188 margin-right: 4px; | |
| 7189 } | |
| 7190 | |
| 7191 .jqx-pivotgrid-sortremove-icon { | |
| 7192 background-image: url('images/icon-sort-remove.png'); | |
| 7193 background-repeat: no-repeat; | |
| 7194 background-position: left center; | |
| 7195 width: 16px; | |
| 7196 height: 16px; | |
| 7197 float: left; | |
| 7198 margin-left: -4px; | |
| 7199 margin-right: 4px; | |
| 7200 } | |
| 7201 | |
| 7202 .jqx-pivotgrid-settings-icon { | |
| 7203 background-image: url('images/icon-menu-small.png'); | |
| 7204 background-repeat: no-repeat; | |
| 7205 background-position: left center; | |
| 7206 width: 16px; | |
| 7207 height: 16px; | |
| 7208 float: left; | |
| 7209 margin-left: -4px; | |
| 7210 margin-right: 4px; | |
| 7211 } | |
| 7212 | |
| 7213 jqx-bullet-chart { | |
| 7214 width: 800px; | |
| 7215 height: 80px; | |
| 7216 } | |
| 7217 | |
| 7218 jqx-scroll-view { | |
| 7219 width: 600px; | |
| 7220 } | |
| 7221 | |
| 7222 jqx-bar-gauge, jqx-draw { | |
| 7223 width: 850px; | |
| 7224 height: 600px; | |
| 7225 } | |
| 7226 | |
| 7227 jqx-menu { | |
| 7228 width: 600px; | |
| 7229 } | |
| 7230 | |
| 7231 jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban { | |
| 7232 width: 850px; | |
| 7233 } | |
| 7234 | |
| 7235 jqx-nav-bar { | |
| 7236 height: 50px; | |
| 7237 } | |
| 7238 | |
| 7239 jqx-chart { | |
| 7240 width: 850px; | |
| 7241 height: 400px; | |
| 7242 } | |
| 7243 | |
| 7244 jqx-docking-layout, jqx-layout { | |
| 7245 width: 850px; | |
| 7246 height: 600px; | |
| 7247 } | |
| 7248 | |
| 7249 jqx-ribbon, jqx-panel { | |
| 7250 width: 450px; | |
| 7251 height: 300px; | |
| 7252 } | |
| 7253 | |
| 7254 jqx-scheduler { | |
| 7255 height: 600px; | |
| 7256 } | |
| 7257 | |
| 7258 jqx-list-box, jqx-text-area { | |
| 7259 width: 200px; | |
| 7260 height: 200px; | |
| 7261 } | |
| 7262 | |
| 7263 jqx-file-upload { | |
| 7264 width: 300px; | |
| 7265 } | |
| 7266 | |
| 7267 jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider, | |
| 7268 jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button { | |
| 7269 width: 300px; | |
| 7270 height: 35px; | |
| 7271 } | |
| 7272 | |
| 7273 jqx-loader { | |
| 7274 width: 100px !important; | |
| 7275 height: 60px !important; | |
| 7276 } | |
| 7277 | |
| 7278 jqx-expander, jqx-navigation-bar { | |
| 7279 width: 350px; | |
| 7280 } | |
| 7281 | |
| 7282 jqx-navigation-bar { | |
| 7283 height: 450px; | |
| 7284 } | |
| 7285 | |
| 7286 jqx-range-selector { | |
| 7287 width: 600px; | |
| 7288 } | |
| 7289 | |
| 7290 jqx-tabs { | |
| 7291 width: 800px; | |
| 7292 } | |
| 7293 | |
| 7294 jqx-tool-bar { | |
| 7295 width: 800px; | |
| 7296 height: 35px; | |
| 7297 } | |
| 7298 | |
| 7299 jqx-editor { | |
| 7300 width: 600px; | |
| 7301 height: 400px; | |
| 7302 } | |
| 7303 | |
| 7304 jqx-tree-map { | |
| 7305 width: 850px; | |
| 7306 height: 600px; | |
| 7307 } | |
| 7308 | |
| 7309 jqx-tree { | |
| 7310 width: 250px; | |
| 7311 } | |
| 7312 | |
| 7313 jqx-linear-gauge { | |
| 7314 width: 100px; | |
| 7315 } | |
| 7316 | |
| 7317 jqx-color-picker, jqx-calendar { | |
| 7318 width: 200px; | |
| 7319 height: 200px; | |
| 7320 } | |
| 7321 | |
| 7322 jqx-scroll-bar { | |
| 7323 width: 400px; | |
| 7324 height: 20px; | |
| 7325 } | |
| 7326 | |
| 7327 jqx-knob { | |
| 7328 width: 600px; | |
| 7329 height: 600px; | |
| 7330 } | |
| 7331 | |
| 7332 .jqx-input-label { | |
| 7333 visibility: hidden; | |
| 7334 position: absolute; | |
| 7335 } | |
| 7336 | |
| 7337 .jqx-input-bar { | |
| 7338 visibility: hidden; | |
| 7339 position: absolute; | |
| 7340 } | |
| 7341 | |
| 7342 .jqx-info-icon { | |
| 7343 background-image: url('images/icon-info-small.png'); | |
| 7344 background-repeat: no-repeat; | |
| 7345 background-position: left center; | |
| 7346 width: 16px; | |
| 7347 height: 16px; | |
| 7348 float: left; | |
| 7349 } | |
| 7350 | |
| 7351 .jqx-labels-and-palette { | |
| 7352 display: flex; | |
| 7353 } | |
| 7354 | |
| 7355 .jqx-shades { | |
| 7356 width: 560px; | |
| 7357 padding-left: 100px; | |
| 7358 } | |
| 7359 | |
| 7360 .jqx-palette > ul, | |
| 7361 .jqx-shades > ul, | |
| 7362 .jqx-color-labels > ul { | |
| 7363 display: flex; | |
| 7364 list-style: none; | |
| 7365 padding: 0; | |
| 7366 margin: 0; | |
| 7367 } | |
| 7368 | |
| 7369 .jqx-color-labels > ul { | |
| 7370 flex-direction: column; | |
| 7371 } | |
| 7372 | |
| 7373 .jqx-color-cell { | |
| 7374 width: 39px; | |
| 7375 height: 39px; | |
| 7376 margin: 0.5px; | |
| 7377 cursor: pointer; | |
| 7378 } | |
| 7379 | |
| 7380 .jqx-color-cell:hover { | |
| 7381 border-radius: 8px; | |
| 7382 } | |
| 7383 | |
| 7384 .jqx-shade-cell { | |
| 7385 width: 38px; | |
| 7386 height: 47px; | |
| 7387 display: flex; | |
| 7388 justify-content: center; | |
| 7389 align-items: flex-end; | |
| 7390 padding: 0 1px 5px 1px; | |
| 7391 text-align: center; | |
| 7392 } | |
| 7393 | |
| 7394 .jqx-color-label { | |
| 7395 width: 100px; | |
| 7396 height: 40px; | |
| 7397 display: flex; | |
| 7398 align-items: center; | |
| 7399 } | |
| 7400 | |
| 7401 .jqx-heatmap-container-wrapper { | |
| 7402 display: flex; | |
| 7403 } | |
| 7404 | |
| 7405 .jqx-heatmap-container-wrapper canvas { | |
| 7406 display: block; | |
| 7407 } | |
| 7408 | |
| 7409 .jqx-heatmap-title { | |
| 7410 font-weight: bold; | |
| 7411 margin-bottom: 25px; | |
| 7412 text-align: center; | |
| 7413 } | |
| 7414 | |
| 7415 .jqx-heatmap-grid { | |
| 7416 display: flex; | |
| 7417 cursor: default; | |
| 7418 } | |
| 7419 | |
| 7420 .jqx-x-axis-container { | |
| 7421 display: flex; | |
| 7422 flex-direction: column; | |
| 7423 flex-grow: 1; | |
| 7424 } | |
| 7425 | |
| 7426 .jqx-y-axis-container { | |
| 7427 display: flex; | |
| 7428 flex-direction: row-reverse; | |
| 7429 flex-grow: 1; | |
| 7430 } | |
| 7431 | |
| 7432 .jqx-column { | |
| 7433 display: flex; | |
| 7434 flex-direction: column-reverse; | |
| 7435 } | |
| 7436 | |
| 7437 .jqx-x-axis { | |
| 7438 display: flex; | |
| 7439 } | |
| 7440 | |
| 7441 .jqx-x-axis-label { | |
| 7442 padding-top: 10px; | |
| 7443 font-size: 14px; | |
| 7444 color: gray; | |
| 7445 text-align: center; | |
| 7446 } | |
| 7447 | |
| 7448 .jqx-x-axis-label.jqx-top { | |
| 7449 padding: 0 0 10px 0; | |
| 7450 } | |
| 7451 | |
| 7452 .jqx-y-axis { | |
| 7453 display: flex; | |
| 7454 flex-direction: column-reverse; | |
| 7455 } | |
| 7456 | |
| 7457 .jqx-y-axis.jqx-margin-top-auto { | |
| 7458 margin-top: auto; | |
| 7459 } | |
| 7460 | |
| 7461 .jqx-y-axis-label { | |
| 7462 display: flex; | |
| 7463 align-items: center; | |
| 7464 color: gray; | |
| 7465 padding-right: 10px; | |
| 7466 } | |
| 7467 | |
| 7468 .jqx-y-axis-label.jqx-right { | |
| 7469 padding: 0 0 0 10px; | |
| 7470 } | |
| 7471 | |
| 7472 .jqx-heatmap-cell { | |
| 7473 position: relative; | |
| 7474 padding: 20px 10px; | |
| 7475 margin: 1px; | |
| 7476 text-align: center; | |
| 7477 } | |
| 7478 | |
| 7479 .jqx-heatmap-cell.jqx-empty-cell { | |
| 7480 pointer-events: none; | |
| 7481 } | |
| 7482 | |
| 7483 .jqx-heatmap-tooltip { | |
| 7484 display: inline-block; | |
| 7485 position: absolute; | |
| 7486 background: #000; | |
| 7487 color: #fff; | |
| 7488 opacity: 0.6; | |
| 7489 padding: 10px; | |
| 7490 pointer-events: none; | |
| 7491 border-radius: 3px; | |
| 7492 transition: top 0.7s ease, left 0.7s ease; | |
| 7493 box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75); | |
| 7494 } | |
| 7495 | |
| 7496 .jqx-heatmap-tooltip::after { | |
| 7497 content: ''; | |
| 7498 position: absolute; | |
| 7499 bottom: -10px; | |
| 7500 left: calc(50% - 5px); | |
| 7501 width: 0; | |
| 7502 height: 0; | |
| 7503 border-style: solid; | |
| 7504 border-width: 10px 5px 0 5px; | |
| 7505 border-color: #000 transparent transparent transparent; | |
| 7506 } | |
| 7507 | |
| 7508 .jqx-legend-vertical { | |
| 7509 position: relative; | |
| 7510 margin-left: 10px; | |
| 7511 } | |
| 7512 | |
| 7513 .jqx-legend-vertical.jqx-left { | |
| 7514 margin: 0 10px 0 0; | |
| 7515 } | |
| 7516 | |
| 7517 .jqx-legend-vertical.jqx-margin-top-auto { | |
| 7518 margin-top: auto; | |
| 7519 } | |
| 7520 | |
| 7521 .jqx-legend-horizontal { | |
| 7522 position: relative; | |
| 7523 margin-left: auto; | |
| 7524 margin-bottom: 40px; | |
| 7525 } | |
| 7526 | |
| 7527 .jqx-legend-horizontal.jqx-bottom { | |
| 7528 margin-top: 10px; | |
| 7529 margin-bottom: 30px; | |
| 7530 } | |
| 7531 | |
| 7532 .jqx-legend-horizontal.jqx-margin-right-auto { | |
| 7533 margin-right: auto; | |
| 7534 margin-left: 0; | |
| 7535 } | |
| 7536 | |
| 7537 .jqx-palette-vertical { | |
| 7538 width: 10px; | |
| 7539 height: 100%; | |
| 7540 } | |
| 7541 | |
| 7542 .jqx-palette-horizontal { | |
| 7543 width: 100%; | |
| 7544 height: 10px; | |
| 7545 } | |
| 7546 | |
| 7547 .jqx-palette-horizontal.jqx-fixed { | |
| 7548 display: flex; | |
| 7549 } | |
| 7550 | |
| 7551 .jqx-color-container, | |
| 7552 .jqx-color-container-tick { | |
| 7553 cursor: pointer; | |
| 7554 } | |
| 7555 | |
| 7556 .jqx-opacity-50 { | |
| 7557 opacity: 0.5; | |
| 7558 } | |
| 7559 | |
| 7560 .jqx-selected-color { | |
| 7561 background: #d3d3d3 !important; | |
| 7562 } | |
| 7563 | |
| 7564 .jqx-heatmap-hidden { | |
| 7565 visibility: hidden; | |
| 7566 } | |
| 7567 | |
| 7568 .jqx-tick-vertical { | |
| 7569 position: absolute; | |
| 7570 left: 15px; | |
| 7571 } | |
| 7572 | |
| 7573 .jqx-tick-vertical::before { | |
| 7574 content: ''; | |
| 7575 width: 10px; | |
| 7576 background: #fff; | |
| 7577 height: 1px; | |
| 7578 position: absolute; | |
| 7579 top: 6px; | |
| 7580 left: -15px; | |
| 7581 } | |
| 7582 | |
| 7583 .jqx-tick-vertical.jqx-no-line::before, | |
| 7584 .jqx-tick-horizontal.jqx-no-line::before { | |
| 7585 content: none; | |
| 7586 } | |
| 7587 | |
| 7588 .jqx-tick-horizontal { | |
| 7589 position: absolute; | |
| 7590 top: 20px; | |
| 7591 } | |
| 7592 | |
| 7593 .jqx-tick-horizontal::before { | |
| 7594 content: ''; | |
| 7595 width: 10px; | |
| 7596 background: #fff; | |
| 7597 width: 1px; | |
| 7598 height: 10px; | |
| 7599 position: absolute; | |
| 7600 top: -20px; | |
| 7601 left: 6px; | |
| 7602 } | |
| 7603 | |
| 7604 .jqx-arrow-vertical { | |
| 7605 width: 0; | |
| 7606 height: 0; | |
| 7607 border-top: 6px solid transparent; | |
| 7608 border-bottom: 6px solid transparent; | |
| 7609 border-left: 6px solid gray; | |
| 7610 position: absolute; | |
| 7611 left: -8px; | |
| 7612 display: none; | |
| 7613 } | |
| 7614 | |
| 7615 .jqx-arrow-horizontal { | |
| 7616 width: 0; | |
| 7617 height: 0; | |
| 7618 border-left: 6px solid transparent; | |
| 7619 border-right: 6px solid transparent; | |
| 7620 border-bottom: 6px solid gray; | |
| 7621 position: absolute; | |
| 7622 top: 11px; | |
| 7623 left: -6px; | |
| 7624 display: none; | |
| 7625 } | |
| 7626 | |
| 7627 /*jqxTimePicker Style*/ | |
| 7628 .jqx-time-picker { | |
| 7629 display: block; | |
| 7630 border: 1px solid #c5c5c5; | |
| 7631 border-radius: 1px; | |
| 7632 font-family: Verdana; | |
| 7633 font-size: 12px; | |
| 7634 line-height: initial; | |
| 7635 touch-action: none; | |
| 7636 min-width: 250px; | |
| 7637 box-sizing: border-box; | |
| 7638 } | |
| 7639 .jqx-time-picker * { | |
| 7640 box-sizing: border-box; | |
| 7641 } | |
| 7642 .jqx-time-picker[view="landscape"] { | |
| 7643 min-width: 400px; | |
| 7644 } | |
| 7645 .jqx-time-picker>.jqx-container { | |
| 7646 width: 100%; | |
| 7647 height: 100%; | |
| 7648 } | |
| 7649 .jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container { | |
| 7650 display: flex; | |
| 7651 } | |
| 7652 .jqx-time-picker .jqx-header { | |
| 7653 width: 100%; | |
| 7654 height: 20%; | |
| 7655 justify-content: center; | |
| 7656 align-items: center; | |
| 7657 } | |
| 7658 .jqx-time-picker[view="landscape"] .jqx-header { | |
| 7659 flex-direction: column; | |
| 7660 width: 33%; | |
| 7661 height: 100%; | |
| 7662 } | |
| 7663 .jqx-time-picker .jqx-main-container { | |
| 7664 width: 100%; | |
| 7665 height: 80%; | |
| 7666 padding: 2%; | |
| 7667 background-color: var(--jqx-time-picker-background); | |
| 7668 } | |
| 7669 .jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable { | |
| 7670 border-top-left-radius: inherit; | |
| 7671 border-top-right-radius: inherit; | |
| 7672 } | |
| 7673 .jqx-time-picker[view="landscape"] .jqx-main-container { | |
| 7674 width: 67%; | |
| 7675 height: 100%; | |
| 7676 } | |
| 7677 .jqx-time-picker .jqx-svg-container { | |
| 7678 justify-content: center; | |
| 7679 align-items: center; | |
| 7680 width: 100%; | |
| 7681 height: 100%; | |
| 7682 } | |
| 7683 .jqx-time-picker[footer] .jqx-svg-container { | |
| 7684 height: calc(100% - 30px); | |
| 7685 } | |
| 7686 .jqx-time-picker .jqx-footer { | |
| 7687 display: none; | |
| 7688 } | |
| 7689 .jqx-time-picker[footer] .jqx-footer { | |
| 7690 display: block; | |
| 7691 width: 100%; | |
| 7692 height: 30px; | |
| 7693 } | |
| 7694 .jqx-time-picker .jqx-hour-minute-container { | |
| 7695 font-size: 50px; | |
| 7696 } | |
| 7697 .jqx-time-picker .jqx-am-pm-container { | |
| 7698 margin-left: 10px; | |
| 7699 } | |
| 7700 .jqx-time-picker[view="landscape"] .jqx-am-pm-container { | |
| 7701 margin-left: 0; | |
| 7702 } | |
| 7703 .jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container { | |
| 7704 opacity: 0.5; | |
| 7705 cursor: pointer; | |
| 7706 } | |
| 7707 .jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container { | |
| 7708 cursor: default; | |
| 7709 } | |
| 7710 .jqx-time-picker .jqx-selected { | |
| 7711 opacity: 1; | |
| 7712 } | |
| 7713 .jqx-time-picker .jqx-hour-minute-container div:nth-child(2) { | |
| 7714 opacity: 0.5; | |
| 7715 } | |
| 7716 .jqx-time-picker .jqx-svg-picker { | |
| 7717 border-radius: 50%; | |
| 7718 position: relative; | |
| 7719 box-sizing: content-box; | |
| 7720 } | |
| 7721 .jqx-time-picker .jqx-svg-picker.animate { | |
| 7722 animation: jqx-time-picker-animation 0.5s linear; | |
| 7723 } | |
| 7724 .jqx-time-picker[disabled] { | |
| 7725 opacity: 0.55; | |
| 7726 cursor: default; | |
| 7727 pointer-events: none; | |
| 7728 user-select: none; | |
| 7729 -webkit-user-select: none; | |
| 7730 -moz-user-select: none; | |
| 7731 -ms-user-select: none; | |
| 7732 } | |
| 7733 .jqx-time-picker .jqx-label.jqx-selected { | |
| 7734 fill: white; | |
| 7735 } | |
| 7736 .jqx-time-picker .jqx-header:focus { | |
| 7737 outline: 1px solid skyblue; | |
| 7738 } | |
| 7739 .jqx-time-picker .jqx-svg-picker:focus { | |
| 7740 border: 1px solid skyblue; | |
| 7741 outline: none; | |
| 7742 } | |
| 7743 @keyframes jqx-time-picker-animation { | |
| 7744 0% { | |
| 7745 opacity: 1; | |
| 7746 } | |
| 7747 25% { | |
| 7748 opacity: 0.5; | |
| 7749 } | |
| 7750 50% { | |
| 7751 opacity: 0; | |
| 7752 } | |
| 7753 75% { | |
| 7754 opacity: 0.5; | |
| 7755 } | |
| 7756 100% { | |
| 7757 opacity: 1; | |
| 7758 } | |
| 7759 } | |
| 7760 .jqx-grid-card-row { | |
| 7761 display: grid; | |
| 7762 grid-template-columns: 1fr; | |
| 7763 height: 100%; | |
| 7764 overflow: hidden; | |
| 7765 } | |
| 7766 | |
| 7767 .jqx-grid-card-cell { | |
| 7768 padding: 15px; | |
| 7769 overflow: auto; | |
| 7770 } | |
| 7771 | |
| 7772 .jqx-grid-card-cell table { | |
| 7773 width: 100%; | |
| 7774 height: 100%; | |
| 7775 padding: 10px; | |
| 7776 table-layout: fixed; | |
| 7777 border: 1px solid #bbb; | |
| 7778 overflow: hidden; | |
| 7779 text-overflow: ellipsis; | |
| 7780 border-radius: 4px; | |
| 7781 box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); | |
| 7782 } | |
| 7783 | |
| 7784 .jqx-grid-card-cell{ | |
| 7785 position: relative; | |
| 7786 } | |
| 7787 | |
| 7788 .jqx-grid-card-cell .jqx-icon-edit { | |
| 7789 width: 16px; | |
| 7790 height: 16px; | |
| 7791 display: inline-block; | |
| 7792 position: absolute; | |
| 7793 right: 25px; | |
| 7794 top: 25px; | |
| 7795 background-size: 13px; | |
| 7796 cursor: pointer; | |
| 7797 } | |
| 7798 | |
| 7799 .jqx-grid-card-cell input{ | |
| 7800 padding: 4px; | |
| 7801 | |
| 7802 } | |
| 7803 | |
| 7804 .jqx-grid-card-cell-label { | |
| 7805 font-size: 12px; | |
| 7806 text-transform: uppercase; | |
| 7807 color: rgb(90,90,90); | |
| 7808 } | |
| 7809 .jqx-grid-card-cell td div { | |
| 7810 text-overflow: ellipsis; | |
| 7811 overflow: hidden; | |
| 7812 } | |
| 7813 .jqx-card-edit-buttons { | |
| 7814 display: flex; | |
| 7815 margin-top: 30px; | |
| 7816 justify-content: center; | |
| 7817 } |
