extjs/build/modern/theme-mountainview/resources/theme-mountainview-all-rtl-debug.css

   1 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:5 */
   2 .x-size-monitored {
   3     /**
   4  * @class Ext.util.SizeMonitor
   5  */
   6     position: relative;
   7 }
   8 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:9 */
   9 .x-size-monitors {
  10     position: absolute;
  11     left: 0;
  12     top: 0;
  13     width: 100%;
  14     height: 100%;
  15     visibility: hidden;
  16     overflow: hidden;
  17 }
  18 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:18 */
  19 .x-size-monitors > * {
  20     width: 100%;
  21     height: 100%;
  22     overflow: hidden;
  23 }
  24 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:25 */
  25 .x-size-monitors.scroll > *.shrink::after {
  26     content: '';
  27     display: block;
  28     width: 200%;
  29     height: 200%;
  30     min-width: 1px;
  31     min-height: 1px;
  32 }
  33 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:34 */
  34 .x-size-monitors.scroll > *.expand::after {
  35     content: '';
  36     display: block;
  37     width: 100000px;
  38     height: 100000px;
  39 }
  40 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:44 */
  41 .x-size-monitors.overflowchanged > *.shrink > * {
  42     width: 100%;
  43     height: 100%;
  44 }
  45 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:51 */
  46 .x-size-monitors.overflowchanged > *.expand > * {
  47     width: 200%;
  48     height: 200%;
  49 }
  50 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:59 */
  51 .x-size-change-detector {
  52     visibility: hidden;
  53     position: absolute;
  54     left: 0;
  55     top: 0;
  56     z-index: -1;
  57     width: 100%;
  58     height: 100%;
  59     overflow: hidden;
  60 }
  61 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:70 */
  62 .x-size-change-detector > * {
  63     visibility: hidden;
  64 }
  65 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:74 */
  66 .x-size-change-detector-shrink > * {
  67     width: 200%;
  68     height: 200%;
  69 }
  70 /* http://localhost:1843/packages/core/sass/src/util/SizeMonitor.scss:79 */
  71 .x-size-change-detector-expand > * {
  72     width: 100000px;
  73     height: 100000px;
  74 }
  75 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:9 */
  76 @-webkit-keyframes x-paint-monitor-helper {
  77     /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:10 */
  78     from {
  79         zoom: 1;
  80     }
  81     /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:13 */
  82     to {
  83         zoom: 1;
  84     }
  85 }
  86 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:20 */
  87 @keyframes x-paint-monitor-helper {
  88     /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:21 */
  89     from {
  90         zoom: 1;
  91     }
  92     /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:24 */
  93     to {
  94         zoom: 1;
  95     }
  96 }
  97 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:29 */
  98 .x-paint-monitored {
  99     position: relative;
 100 }
 101 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:33 */
 102 .x-paint-monitor {
 103     width: 0 !important;
 104     height: 0 !important;
 105     visibility: hidden;
 106 }
 107 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:38 */
 108 .x-paint-monitor.cssanimation {
 109     -webkit-animation-duration: 0.0001ms;
 110     -webkit-animation-name: x-paint-monitor-helper;
 111     animation-duration: 0.0001ms;
 112     animation-name: x-paint-monitor-helper;
 113 }
 114 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:45 */
 115 .x-paint-monitor.overflowchange {
 116     overflow: hidden;
 117 }
 118 /* http://localhost:1843/packages/core/sass/src/util/PaintMonitor.scss:48 */
 119 .x-paint-monitor.overflowchange::after {
 120     content: '';
 121     display: block;
 122     width: 1px !important;
 123     height: 1px !important;
 124 }
 125 /* http://localhost:1843/packages/core/sass/src/ProgressBase.scss:1 */
 126 .x-progress {
 127     border-style: solid;
 128     overflow: hidden;
 129     position: relative;
 130 }
 131 /* http://localhost:1843/packages/core/sass/src/ProgressBase.scss:7 */
 132 .x-progress-bar {
 133     height: 100%;
 134     width: 0;
 135 }
 136 /* http://localhost:1843/packages/core/sass/src/ProgressBase.scss:12 */
 137 .x-progress-text,
 138 .x-progress-bar {
 139     overflow: hidden;
 140     position: absolute;
 141 }
 142 /* http://localhost:1843/packages/core/sass/src/util/Translatable.scss:5 */
 143 .x-translatable {
 144     /**
 145  * @class Ext.util.Translatable
 146  */
 147     position: absolute !important;
 148     top: 500000px !important;
 149     left: 500000px !important;
 150     overflow: visible !important;
 151     z-index: 1;
 152 }
 153 /* http://localhost:1843/packages/core/sass/src/util/Translatable.scss:13 */
 154 .x-translatable-hboxfix {
 155     position: absolute;
 156     min-width: 100%;
 157     top: 0;
 158     left: 0;
 159 }
 160 /* http://localhost:1843/packages/core/sass/src/util/Translatable.scss:19 */
 161 .x-translatable-hboxfix > .x-translatable {
 162     position: relative !important;
 163 }
 164 /* http://localhost:1843/packages/core/sass/src/util/Translatable.scss:24 */
 165 .x-translatable-container {
 166     overflow: hidden;
 167     width: auto;
 168     height: auto;
 169     position: absolute;
 170     top: 0;
 171     right: 0;
 172     bottom: 0;
 173     left: 0;
 174 }
 175 /* http://localhost:1843/packages/core/sass/src/util/Translatable.scss:34 */
 176 .x-translatable-container::before {
 177     content: '';
 178     display: block;
 179     width: 1000000px;
 180     height: 1000000px;
 181     visibility: hidden;
 182 }
 183 /* http://localhost:1843/packages/core/sass/src/scroll/TouchScroller.scss:1 */
 184 .x-scroll-container {
 185     overflow: hidden;
 186     position: relative;
 187 }
 188 /* http://localhost:1843/packages/core/sass/src/scroll/TouchScroller.scss:8 */
 189 .x-scroll-scroller {
 190     float: left;
 191     position: relative;
 192     min-width: 100%;
 193     min-height: 100%;
 194 }
 195 /* http://localhost:1843/packages/core/sass/src/scroll/DomScroller.scss:1 */
 196 .x-domscroller-spacer {
 197     position: absolute;
 198     height: 1px;
 199     width: 1px;
 200     font-size: 0;
 201     line-height: 0;
 202 }
 203 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:537 */
 204 .x-treelist {
 205     background-position: 22px 0%;
 206     overflow: hidden;
 207     padding: 0 0 0 0;
 208 }
 209 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:542 */
 210 .x-big .x-treelist {
 211     background-position:  0%;
 212 }
 213 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:550 */
 214 .x-treelist-container,
 215 .x-treelist-root-container {
 216     width: 100%;
 217 }
 218 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:555 */
 219 .x-treelist-toolstrip {
 220     display: none;
 221 }
 222 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:560 */
 223 .x-treelist-micro > .x-treelist-toolstrip {
 224     display: inline-block;
 225 }
 226 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:563 */
 227 .x-treelist-micro > .x-treelist-root-container {
 228     display: none;
 229 }
 230 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:568 */
 231 .x-treelist-item,
 232 .x-treelist-container,
 233 .x-treelist-root-container {
 234     overflow: hidden;
 235     list-style: none;
 236     padding: 0;
 237     margin: 0;
 238 }
 239 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:577 */
 240 .x-treelist-item-tool,
 241 .x-treelist-row,
 242 .x-treelist-item-wrap {
 243     position: relative;
 244 }
 245 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:583 */
 246 .x-treelist-item-icon,
 247 .x-treelist-item-expander {
 248     display: none;
 249     position: absolute;
 250     top: 0;
 251 }
 252 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:590 */
 253 .x-treelist-item-expander {
 254     right: 0;
 255     cursor: pointer;
 256 }
 257 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:595 */
 258 .x-treelist-expander-only .x-treelist-item-expandable > * > .x-treelist-item-wrap > * {
 259     cursor: pointer;
 260 }
 261 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:599 */
 262 .x-treelist-item-text {
 263     cursor: default;
 264     white-space: nowrap;
 265     overflow: hidden;
 266 }
 267 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:605 */
 268 .x-treelist-item-collapsed > .x-treelist-container {
 269     display: none;
 270 }
 271 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:609 */
 272 .x-treelist-item-expandable > * > * > .x-treelist-item-expander,
 273 .x-treelist-item-icon {
 274     display: block;
 275 }
 276 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:614 */
 277 .x-treelist-item-floated > * > * > .x-treelist-item-expander,
 278 .x-treelist-item-floated > * > * > .x-treelist-item-icon {
 279     display: none;
 280 }
 281 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:619 */
 282 .x-treelist-expander-first .x-treelist-item-expander {
 283     left: 0;
 284     right: auto;
 285 }
 286 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:94 */
 287 .x-treelist-toolstrip {
 288     background-color: #f8f8f8;
 289 }
 290 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:134 */
 291 .x-treelist-item-tool {
 292     padding-left: 8px;
 293     padding-right: 8px;
 294 }
 295 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:157 */
 296 .x-treelist-item-icon:before,
 297 .x-treelist-item-tool:before,
 298 .x-treelist-item-expander {
 299     line-height: 36px;
 300 }
 301 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:169 */
 302 .x-treelist-item-icon,
 303 .x-treelist-item-tool,
 304 .x-treelist-item-expander {
 305     text-align: center;
 306 }
 307 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:175 */
 308 .x-treelist-item-icon,
 309 .x-treelist-item-tool {
 310     font-size: 18px;
 311     width: 22px;
 312 }
 313 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:188 */
 314 .x-treelist-item-tool {
 315     width: 38px;
 316 }
 317 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:198 */
 318 .x-treelist-item-expander {
 319     font-size: 16px;
 320     width: 18px;
 321 }
 322 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:214 */
 323 .x-treelist-item-expander:after {
 324     content: "\f105";
 325     font-family: FontAwesome;
 326     line-height: 1;
 327 }
 328 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:218 */
 329 .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
 330     content: "\f107";
 331     font-family: FontAwesome;
 332     line-height: 1;
 333 }
 334 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:227 */
 335 .x-treelist-item-text {
 336     margin-left: 26px;
 337     margin-right: 18px;
 338     line-height: 36px;
 339     text-overflow: ellipsis;
 340 }
 341 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:243 */
 342 .x-treelist-row {
 343     padding-left: 8px;
 344     padding-right: 8px;
 345 }
 346 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:274 */
 347 .x-treelist-item-floated .x-treelist-container {
 348     width: auto;
 349 }
 350 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:277 */
 351 .x-treelist-item-floated > .x-treelist-row {
 352     background-color: #f8f8f8;
 353 }
 354 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:281 */
 355 .x-treelist-item-floated > .x-treelist-container {
 356     margin-left: -22px;
 357 }
 358 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:284 */
 359 .x-big .x-treelist-item-floated > .x-treelist-container {
 360     margin-left: 0;
 361 }
 362 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:290 */
 363 .x-treelist-item-floated > * > * > .x-treelist-item-text {
 364     margin-left: 0;
 365 }
 366 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:294 */
 367 .x-treelist-item-floated > * .x-treelist-row {
 368     padding-left: 0;
 369 }
 370 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:298 */
 371 .x-treelist-item-floated .x-treelist-row:before {
 372     width: 0;
 373 }
 374 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:302 */
 375 .x-treelist-item-floated > .x-treelist-row-over {
 376     background-color: #f8f8f8;
 377 }
 378 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:318 */
 379 .x-treelist-item-expanded > .x-treelist-item-expander:after {
 380     content: "\f107";
 381     font-family: FontAwesome;
 382     line-height: 1;
 383 }
 384 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:323 */
 385 .x-treelist-item-collapsed > * > .x-treelist-item-expander:after {
 386     content: "\f105";
 387     font-family: FontAwesome;
 388     line-height: 1;
 389 }
 390 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:329 */
 391 &.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-icon {
 392     transition: color 0.5s;
 393 }
 394 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:333 */
 395 &.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-text {
 396     transition: color 0.5s;
 397 }
 398 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:337 */
 399 &.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-expander {
 400     transition: color 0.5s;
 401 }
 402 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:347 */
 403 .x-treelist-row-over > * > .x-treelist-item-icon {
 404     transition: color 0.5s;
 405 }
 406 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:351 */
 407 .x-treelist-row-over > * > .x-treelist-item-text {
 408     transition: color 0.5s;
 409 }
 410 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:355 */
 411 .x-treelist-row-over > * > .x-treelist-item-expander {
 412     transition: color 0.5s;
 413 }
 414 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:362 */
 415 .x-treelist-expander-first .x-treelist-item-icon {
 416     left: 18px;
 417 }
 418 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:371 */
 419 .x-treelist-expander-first .x-treelist-item-text {
 420     margin-left: 44px;
 421     margin-right: 0;
 422 }
 423 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:381 */
 424 .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
 425     margin-left: 22px;
 426 }
 427 /* http://localhost:1843/packages/core/sass/src/list/TreeItem.scss:391 */
 428 .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
 429     margin-left: 4px;
 430 }
 431 /* http://localhost:1843/modern/theme-base/sass/src/scroll/Indicator.scss:1 */
 432 .x-scroll-indicator {
 433     position: absolute;
 434     z-index: 3;
 435     background-color: #000;
 436     opacity: 0.5;
 437     border-radius: 3px;
 438     margin: 2px;
 439 }
 440 /* http://localhost:1843/modern/theme-base/sass/src/scroll/Indicator.scss:11 */
 441 .x-scroll-indicator-x {
 442     bottom: 0;
 443     left: 0;
 444     height: 6px;
 445 }
 446 /* http://localhost:1843/modern/theme-base/sass/src/scroll/Indicator.scss:17 */
 447 .x-scroll-indicator-y {
 448     right: 0;
 449     top: 0;
 450     width: 6px;
 451 }
 452 /* http://localhost:1843/modern/theme-base/sass/src/scroll/Indicator.scss:25 */
 453 .x-list-light .x-scroll-indicator,
 454 .x-dataview-light .x-scroll-indicator {
 455     background: #fff;
 456 }
 457 /* http://localhost:1843/modern/theme-base/sass/src/scroll/TouchScroller.scss:5 */
 458 .x-scroll-scroller {
 459     height: auto !important;
 460     width: auto !important;
 461     position: relative !important;
 462 }
 463 /* http://localhost:1843/modern/theme-base/sass/src/scroll/DomScroller.scss:1 */
 464 .x-domscroller > .x-inner {
 465     position: relative !important;
 466 }
 467 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:1 */
 468 html,
 469 body {
 470     -webkit-text-size-adjust: none;
 471     margin: 0;
 472     cursor: default;
 473 }
 474 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:11 */
 475 body,
 476 div,
 477 dl,
 478 dt,
 479 dd,
 480 ul,
 481 ol,
 482 li,
 483 h1,
 484 h2,
 485 h3,
 486 h4,
 487 h5,
 488 h6,
 489 pre,
 490 code,
 491 form,
 492 fieldset,
 493 legend,
 494 input,
 495 textarea,
 496 p,
 497 blockquote,
 498 th,
 499 td {
 500     margin: 0;
 501     padding: 0;
 502 }
 503 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:20 */
 504 table {
 505     border-collapse: collapse;
 506     border-spacing: 0;
 507 }
 508 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:27 */
 509 fieldset,
 510 img {
 511     border: 0;
 512 }
 513 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:33 */
 514 address,
 515 caption,
 516 cite,
 517 code,
 518 dfn,
 519 em,
 520 strong,
 521 th,
 522 var {
 523     font-style: normal;
 524     font-weight: normal;
 525 }
 526 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:40 */
 527 li {
 528     list-style: none;
 529 }
 530 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:46 */
 531 caption,
 532 th {
 533     text-align: left;
 534 }
 535 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:52 */
 536 h1,
 537 h2,
 538 h3,
 539 h4,
 540 h5,
 541 h6 {
 542     font-size: 100%;
 543     font-weight: normal;
 544 }
 545 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:59 */
 546 q:before,
 547 q:after {
 548     content: '';
 549 }
 550 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:66 */
 551 abbr,
 552 acronym {
 553     border: 0;
 554     font-variant: normal;
 555 }
 556 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:73 */
 557 sup {
 558     vertical-align: text-top;
 559 }
 560 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:79 */
 561 sub {
 562     vertical-align: text-bottom;
 563 }
 564 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:85 */
 565 input,
 566 textarea,
 567 select {
 568     font-family: inherit;
 569     font-size: inherit;
 570     font-weight: inherit;
 571 }
 572 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:91 */
 573 *:focus {
 574     outline: none;
 575 }
 576 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:97 */
 577 body.x-desktop {
 578     overflow: hidden;
 579 }
 580 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:103 */
 581 @-ms-viewport {
 582     width: device-width;
 583 }
 584 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:107 */
 585 *,
 586 *:after,
 587 *:before {
 588     -webkit-box-sizing: border-box;
 589     -moz-box-sizing: border-box;
 590     box-sizing: border-box;
 591     -webkit-tap-highlight-color: transparent;
 592     -webkit-touch-callout: none;
 593     -webkit-user-drag: none;
 594     -webkit-user-select: none;
 595     -ms-user-select: none;
 596     -ms-touch-action: none;
 597     touch-action: none;
 598     -moz-user-select: -moz-none;
 599 }
 600 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:121 */
 601 input,
 602 textarea {
 603     -webkit-user-select: text;
 604     -ms-user-select: auto;
 605     -moz-user-select: text;
 606 }
 607 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:127 */
 608 .x-hidden-visibility {
 609     visibility: hidden !important;
 610 }
 611 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:131 */
 612 .x-hidden-display,
 613 .x-field-hidden {
 614     display: none !important;
 615 }
 616 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:135 */
 617 .x-hidden-offsets {
 618     position: absolute !important;
 619     left: -10000em;
 620     top: -10000em;
 621     visibility: hidden;
 622 }
 623 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:142 */
 624 .x-no-touch-scroll {
 625     touch-action: none;
 626     -ms-touch-action: none;
 627 }
 628 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:151 */
 629 .x-html {
 630     -webkit-user-select: auto;
 631     -webkit-touch-callout: inherit;
 632     -ms-user-select: auto;
 633 }
 634 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:156 */
 635 .x-html ul li {
 636     list-style-type: circle;
 637 }
 638 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:159 */
 639 .x-html ol li {
 640     list-style-type: decimal;
 641 }
 642 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:166 */
 643 @-webkit-keyframes x-loading-spinner-rotate {
 644     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:167 */
 645     0% {
 646         -webkit-transform: rotate(0deg);
 647     }
 648     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:168 */
 649     8.32% {
 650         -webkit-transform: rotate(0deg);
 651     }
 652     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:170 */
 653     8.33% {
 654         -webkit-transform: rotate(30deg);
 655     }
 656     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:171 */
 657     16.65% {
 658         -webkit-transform: rotate(30deg);
 659     }
 660     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:173 */
 661     16.66% {
 662         -webkit-transform: rotate(60deg);
 663     }
 664     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:174 */
 665     24.99% {
 666         -webkit-transform: rotate(60deg);
 667     }
 668     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:176 */
 669     25% {
 670         -webkit-transform: rotate(90deg);
 671     }
 672     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:177 */
 673     33.32% {
 674         -webkit-transform: rotate(90deg);
 675     }
 676     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:179 */
 677     33.33% {
 678         -webkit-transform: rotate(120deg);
 679     }
 680     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:180 */
 681     41.65% {
 682         -webkit-transform: rotate(120deg);
 683     }
 684     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:182 */
 685     41.66% {
 686         -webkit-transform: rotate(150deg);
 687     }
 688     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:183 */
 689     49.99% {
 690         -webkit-transform: rotate(150deg);
 691     }
 692     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:185 */
 693     50% {
 694         -webkit-transform: rotate(180deg);
 695     }
 696     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:186 */
 697     58.32% {
 698         -webkit-transform: rotate(180deg);
 699     }
 700     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:188 */
 701     58.33% {
 702         -webkit-transform: rotate(210deg);
 703     }
 704     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:189 */
 705     66.65% {
 706         -webkit-transform: rotate(210deg);
 707     }
 708     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:191 */
 709     66.66% {
 710         -webkit-transform: rotate(240deg);
 711     }
 712     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:192 */
 713     74.99% {
 714         -webkit-transform: rotate(240deg);
 715     }
 716     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:194 */
 717     75% {
 718         -webkit-transform: rotate(270deg);
 719     }
 720     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:195 */
 721     83.32% {
 722         -webkit-transform: rotate(270deg);
 723     }
 724     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:197 */
 725     83.33% {
 726         -webkit-transform: rotate(300deg);
 727     }
 728     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:198 */
 729     91.65% {
 730         -webkit-transform: rotate(300deg);
 731     }
 732     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:200 */
 733     91.66% {
 734         -webkit-transform: rotate(330deg);
 735     }
 736     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:201 */
 737     100% {
 738         -webkit-transform: rotate(330deg);
 739     }
 740 }
 741 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:206 */
 742 @keyframes x-loading-spinner-rotate {
 743     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:207 */
 744     0% {
 745         -ms-transform: rotate(0deg);
 746     }
 747     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:208 */
 748     8.32% {
 749         -ms-transform: rotate(0deg);
 750     }
 751     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:210 */
 752     8.33% {
 753         -ms-transform: rotate(30deg);
 754     }
 755     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:211 */
 756     16.65% {
 757         -ms-transform: rotate(30deg);
 758     }
 759     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:213 */
 760     16.66% {
 761         -ms-transform: rotate(60deg);
 762     }
 763     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:214 */
 764     24.99% {
 765         -ms-transform: rotate(60deg);
 766     }
 767     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:216 */
 768     25% {
 769         -ms-transform: rotate(90deg);
 770     }
 771     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:217 */
 772     33.32% {
 773         -ms-transform: rotate(90deg);
 774     }
 775     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:219 */
 776     33.33% {
 777         -ms-transform: rotate(120deg);
 778     }
 779     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:220 */
 780     41.65% {
 781         -ms-transform: rotate(120deg);
 782     }
 783     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:222 */
 784     41.66% {
 785         -ms-transform: rotate(150deg);
 786     }
 787     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:223 */
 788     49.99% {
 789         -ms-transform: rotate(150deg);
 790     }
 791     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:225 */
 792     50% {
 793         -ms-transform: rotate(180deg);
 794     }
 795     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:226 */
 796     58.32% {
 797         -ms-transform: rotate(180deg);
 798     }
 799     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:228 */
 800     58.33% {
 801         -ms-transform: rotate(210deg);
 802     }
 803     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:229 */
 804     66.65% {
 805         -ms-transform: rotate(210deg);
 806     }
 807     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:231 */
 808     66.66% {
 809         -ms-transform: rotate(240deg);
 810     }
 811     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:232 */
 812     74.99% {
 813         -ms-transform: rotate(240deg);
 814     }
 815     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:234 */
 816     75% {
 817         -ms-transform: rotate(270deg);
 818     }
 819     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:235 */
 820     83.32% {
 821         -ms-transform: rotate(270deg);
 822     }
 823     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:237 */
 824     83.33% {
 825         -ms-transform: rotate(300deg);
 826     }
 827     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:238 */
 828     91.65% {
 829         -ms-transform: rotate(300deg);
 830     }
 831     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:240 */
 832     91.66% {
 833         -ms-transform: rotate(330deg);
 834     }
 835     /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:241 */
 836     100% {
 837         -ms-transform: rotate(330deg);
 838     }
 839 }
 840 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:244 */
 841 .x-shim {
 842     position: absolute;
 843     left: 0;
 844     top: 0;
 845     overflow: hidden;
 846     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 847     opacity: 0;
 848 }
 849 /* http://localhost:1843/modern/theme-base/sass/src/Component.scss:252 */
 850 .x-css-shadow {
 851     position: absolute;
 852     -webkit-border-radius: 5px;
 853     -moz-border-radius: 5px;
 854     -ms-border-radius: 5px;
 855     -o-border-radius: 5px;
 856     border-radius: 5px;
 857 }
 858 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:1 */
 859 html,
 860 body {
 861     position: relative;
 862     width: 100%;
 863     height: 100%;
 864 }
 865 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:8 */
 866 .x-fullscreen {
 867     position: absolute !important;
 868 }
 869 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:12 */
 870 .x-body {
 871     position: relative;
 872     z-index: 0;
 873 }
 874 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:17 */
 875 .x-inner,
 876 .x-body {
 877     width: 100%;
 878     height: 100%;
 879 }
 880 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:23 */
 881 .x-domscroller > .x-inner {
 882     height: auto;
 883     width: auto;
 884     min-width: 100%;
 885     min-height: 100%;
 886 }
 887 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:30 */
 888 .x-sized {
 889     position: relative;
 890 }
 891 /* http://localhost:1843/modern/theme-base/sass/src/layout/Abstract.scss:34 */
 892 .x-innerhtml {
 893     width: 100%;
 894 }
 895 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:5 */
 896 .x-layout-box {
 897     display: flex;
 898     display: -webkit-box;
 899     display: -ms-flexbox;
 900 }
 901 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:8 */
 902 .x-layout-box.x-horizontal {
 903     -webkit-box-orient: horizontal !important;
 904     -ms-flex-direction: row !important;
 905     flex-direction: row !important;
 906 }
 907 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:11 */
 908 .x-layout-box.x-horizontal > .x-layout-box-item.x-flexed {
 909     min-width: 0;
 910 }
 911 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:16 */
 912 .x-layout-box.x-vertical {
 913     -webkit-box-orient: vertical !important;
 914     -ms-flex-direction: column !important;
 915     flex-direction: column !important;
 916 }
 917 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:19 */
 918 .x-layout-box.x-vertical > .x-layout-box-item.x-flexed {
 919     min-height: 0;
 920 }
 921 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:24 */
 922 .x-layout-box > .x-layout-box-item {
 923     display: flex;
 924     display: -webkit-box;
 925     display: -ms-flexbox;
 926 }
 927 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:28 */
 928 .x-layout-box.x-align-start {
 929     -webkit-box-align: start;
 930     -ms-flex-align: start;
 931     align-items: flex-start;
 932 }
 933 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:32 */
 934 .x-layout-box.x-align-center {
 935     -webkit-box-align: center;
 936     -ms-flex-align: center;
 937     align-items: center;
 938 }
 939 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:36 */
 940 .x-layout-box.x-align-end {
 941     -webkit-box-align: end;
 942     -ms-flex-align: end;
 943     align-items: flex-end;
 944 }
 945 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:40 */
 946 .x-layout-box.x-align-stretch {
 947     -webkit-box-align: stretch;
 948     -ms-flex-align: stretch;
 949     align-items: stretch;
 950 }
 951 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:44 */
 952 .x-layout-box.x-pack-start {
 953     -webkit-box-pack: start;
 954     -ms-flex-pack: start;
 955     justify-content: flex-start;
 956 }
 957 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:48 */
 958 .x-layout-box.x-pack-center {
 959     -webkit-box-pack: center;
 960     -ms-flex-pack: center;
 961     justify-content: center;
 962 }
 963 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:52 */
 964 .x-layout-box.x-pack-end {
 965     -webkit-box-pack: end;
 966     -ms-flex-pack: end;
 967     justify-content: flex-end;
 968 }
 969 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:56 */
 970 .x-layout-box.x-pack-justify {
 971     -webkit-box-pack: justify;
 972     -ms-flex-pack: justify;
 973     justify-content: space-between;
 974 }
 975 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:62 */
 976 .x-layout-box-item.x-sized > .x-inner,
 977 .x-layout-box-item.x-sized > .x-body,
 978 .x-layout-box-item.x-sized > .x-dock-outer {
 979     width: auto;
 980     height: auto;
 981     position: absolute;
 982     top: 0;
 983     right: 0;
 984     bottom: 0;
 985     left: 0;
 986 }
 987 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:71 */
 988 .x-webkit .x-layout-box.x-horizontal > .x-layout-box-item.x-flexed {
 989     width: 0 !important;
 990 }
 991 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:75 */
 992 .x-webkit .x-layout-box.x-vertical > .x-layout-box-item.x-flexed {
 993     height: 0 !important;
 994 }
 995 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:84 */
 996 .x-firefox .x-stretched.x-dock-horizontal > .x-dock-body {
 997     width: 0;
 998 }
 999 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:90 */
1000 .x-firefox .x-stretched.x-dock-vertical > .x-dock-body {
1001     height: 0;
1002 }
1003 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:98 */
1004 .x-firefox .x-container .x-dock-horizontal.x-unsized .x-dock-body {
1005     -webkit-box-flex: 1;
1006     -ms-flex: 1 0 0px;
1007     flex: 1 0 0px;
1008     min-height: 0;
1009     min-width: 0;
1010 }
1011 /* http://localhost:1843/modern/theme-base/sass/src/layout/Box.scss:107 */
1012 .x-firefox .x-has-height > .x-dock.x-unsized.x-dock-vertical > .x-dock-body {
1013     height: 0;
1014 }
1015 /* http://localhost:1843/modern/theme-base/sass/src/layout/Card.scss:5 */
1016 .x-layout-card {
1017     /**
1018  * @class Ext.layout.Card
1019  */
1020     position: relative;
1021     overflow: hidden;
1022 }
1023 /* http://localhost:1843/modern/theme-base/sass/src/layout/Card.scss:10 */
1024 .x-layout-card-perspective {
1025     -webkit-perspective: 1000px;
1026     -ms-perspective: 1000px;
1027     perspective: 1000px;
1028 }
1029 /* http://localhost:1843/modern/theme-base/sass/src/layout/Card.scss:16 */
1030 .x-layout-card-item-container {
1031     width: auto;
1032     height: auto;
1033     position: absolute;
1034     top: 0;
1035     right: 0;
1036     bottom: 0;
1037     left: 0;
1038 }
1039 /* http://localhost:1843/modern/theme-base/sass/src/layout/Card.scss:20 */
1040 .x-layout-card-item {
1041     position: absolute;
1042     top: 0;
1043     right: 0;
1044     bottom: 0;
1045     left: 0;
1046     position: absolute !important;
1047 }
1048 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:5 */
1049 .x-stretched.x-container {
1050     display: flex;
1051     display: -webkit-box;
1052     display: -ms-flexbox;
1053     -webkit-box-orient: vertical;
1054     -ms-flex-direction: column;
1055     flex-direction: column;
1056 }
1057 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:9 */
1058 .x-stretched.x-container > .x-inner,
1059 .x-stretched.x-container > .x-body,
1060 .x-stretched.x-container > .x-body > .x-inner {
1061     display: flex;
1062     display: -webkit-box;
1063     display: -ms-flexbox;
1064     -webkit-box-flex: 1;
1065     -ms-flex: 1 0 auto;
1066     flex: 1 0 auto;
1067     -webkit-box-orient: vertical;
1068     -ms-flex-direction: column;
1069     flex-direction: column;
1070     min-height: 0px;
1071 }
1072 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:18 */
1073 .x-layout-fit.x-stretched > .x-layout-fit-item {
1074     display: flex;
1075     display: -webkit-box;
1076     display: -ms-flexbox;
1077     -webkit-box-flex: 1;
1078     -ms-flex: 1 0 auto;
1079     flex: 1 0 auto;
1080     min-height: 0;
1081     min-width: 0;
1082 }
1083 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:25 */
1084 .x-layout-fit {
1085     position: relative;
1086 }
1087 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:30 */
1088 .x-layout-fit-item.x-sized {
1089     position: absolute;
1090     top: 0;
1091     right: 0;
1092     bottom: 0;
1093     left: 0;
1094 }
1095 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:34 */
1096 .x-layout-fit-item.x-unsized {
1097     width: 100%;
1098     height: 100%;
1099 }
1100 /* http://localhost:1843/modern/theme-base/sass/src/layout/Fit.scss:44 */
1101 .x-ie .x-stretched > .x-inner,
1102 .x-ie .x-stretched > .x-body {
1103     min-height: inherit;
1104 }
1105 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:5 */
1106 .x-center,
1107 .x-centered {
1108     position: absolute;
1109     top: 0;
1110     right: 0;
1111     bottom: 0;
1112     left: 0;
1113     display: flex;
1114     display: -webkit-box;
1115     display: -ms-flexbox;
1116     -webkit-box-align: center;
1117     -ms-flex-align: center;
1118     align-items: center;
1119     -webkit-box-pack: center;
1120     -ms-flex-pack: center;
1121     justify-content: center;
1122 }
1123 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:12 */
1124 .x-center > *,
1125 .x-centered > * {
1126     position: relative;
1127 }
1128 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:16 */
1129 .x-center > .x-floating,
1130 .x-centered > .x-floating {
1131     position: relative !important;
1132 }
1133 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:21 */
1134 .x-floating {
1135     position: absolute !important;
1136 }
1137 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:25 */
1138 .x-layout-float {
1139     overflow: hidden;
1140 }
1141 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:28 */
1142 .x-layout-float > .x-layout-float-item {
1143     float: left;
1144 }
1145 /* http://localhost:1843/modern/theme-base/sass/src/layout/Float.scss:33 */
1146 .x-layout-float.x-direction-right > .x-layout-float-item {
1147     float: right;
1148 }
1149 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:5 */
1150 .x-mask {
1151     /**
1152  * @class Ext.Mask
1153  */
1154     min-width: 8.5em;
1155     position: absolute;
1156     top: 0;
1157     left: 0;
1158     bottom: 0;
1159     right: 0;
1160     height: 100%;
1161     z-index: 10;
1162     display: flex;
1163     display: -webkit-box;
1164     display: -ms-flexbox;
1165     -webkit-box-align: center;
1166     -ms-flex-align: center;
1167     align-items: center;
1168     -webkit-box-pack: center;
1169     -ms-flex-pack: center;
1170     justify-content: center;
1171     background: rgba(0, 0, 0, 0.3) center center no-repeat;
1172 }
1173 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:22 */
1174 .x-mask.x-mask-gray {
1175     background-color: rgba(0, 0, 0, 0.5);
1176 }
1177 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:26 */
1178 .x-mask.x-mask-transparent {
1179     background-color: transparent;
1180 }
1181 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:30 */
1182 .x-mask .x-mask-inner {
1183     position: relative;
1184     background: rgba(0, 0, 0, 0.25);
1185     color: #fff;
1186     text-align: center;
1187     padding: 0.4em;
1188     font-size: 0.95em;
1189     font-weight: bold;
1190 }
1191 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:40 */
1192 .x-mask .x-loading-spinner-outer {
1193     display: flex;
1194     display: -webkit-box;
1195     display: -ms-flexbox;
1196     -webkit-box-orient: vertical;
1197     -ms-flex-direction: column;
1198     flex-direction: column;
1199     -webkit-box-align: center;
1200     -ms-flex-align: center;
1201     align-items: center;
1202     -webkit-box-pack: center;
1203     -ms-flex-pack: center;
1204     justify-content: center;
1205     width: 100%;
1206     min-width: 8em;
1207     height: 8em;
1208 }
1209 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:51 */
1210 .x-mask.x-indicator-hidden .x-mask-inner {
1211     padding-bottom: 0 !important;
1212 }
1213 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:54 */
1214 .x-mask.x-indicator-hidden .x-loading-spinner-outer {
1215     display: none;
1216 }
1217 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:58 */
1218 .x-mask.x-indicator-hidden .x-mask-message {
1219     position: relative;
1220     bottom: 0.25em;
1221 }
1222 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:64 */
1223 .x-mask .x-mask-message {
1224     position: absolute;
1225     bottom: 5px;
1226     color: #333;
1227     left: 0;
1228     right: 0;
1229     -webkit-box-flex: 0;
1230     -ms-flex: 0 0 auto;
1231     flex: 0 0 auto;
1232 }
1233 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:74 */
1234 .x-mask.x-has-message .x-mask-inner {
1235     padding-bottom: 2em;
1236 }
1237 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:78 */
1238 .x-mask.x-has-message .x-loading-spinner-outer {
1239     height: 168px;
1240 }
1241 /* http://localhost:1843/modern/theme-base/sass/src/Mask.scss:94 */
1242 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-mask) .x-input-el,
1243 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-panel) .x-input-el,
1244 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-floating) .x-input-el,
1245 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-center) .x-input-el,
1246 .x-ie .x-mask[visibility='visible'] ~ div:not(.x-msgbox) .x-input-el,
1247 .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-mask) .x-input-el,
1248 .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-panel) .x-input-el,
1249 .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-floating) .x-input-el,
1250 .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-center) .x-input-el,
1251 .x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-msgbox) .x-input-el {
1252     visibility: collapse;
1253 }
1254 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:5 */
1255 .x-dock {
1256     display: flex;
1257     display: -webkit-box;
1258     display: -ms-flexbox;
1259 }
1260 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:8 */
1261 .x-dock > .x-dock-body {
1262     overflow: hidden;
1263 }
1264 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:12 */
1265 .x-dock.x-sized,
1266 .x-dock.x-sized > .x-dock-body > *,
1267 .x-dock.x-sized > .x-dock-body > .x-body > .x-inner {
1268     width: auto;
1269     height: auto;
1270     position: absolute;
1271     top: 0;
1272     right: 0;
1273     bottom: 0;
1274     left: 0;
1275 }
1276 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:17 */
1277 .x-dock.x-sized > .x-dock-body {
1278     position: relative;
1279     display: flex;
1280     display: -webkit-box;
1281     display: -ms-flexbox;
1282     -webkit-box-flex: 1;
1283     -ms-flex: 1 0 auto;
1284     flex: 1 0 auto;
1285     min-height: 0;
1286     min-width: 0;
1287 }
1288 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:25 */
1289 .x-dock.x-unsized,
1290 .x-dock.x-stretched {
1291     height: 100%;
1292 }
1293 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:29 */
1294 .x-dock.x-unsized > .x-dock-body,
1295 .x-dock.x-stretched > .x-dock-body {
1296     position: relative;
1297     display: flex;
1298     display: -webkit-box;
1299     display: -ms-flexbox;
1300     -webkit-box-flex: 1;
1301     -ms-flex: 1 0 auto;
1302     flex: 1 0 auto;
1303     -webkit-box-orient: vertical;
1304     -ms-flex-direction: column;
1305     flex-direction: column;
1306     min-height: 0;
1307     min-width: 0;
1308 }
1309 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:37 */
1310 .x-dock.x-unsized > .x-dock-body > *,
1311 .x-dock.x-stretched > .x-dock-body > * {
1312     -webkit-box-flex: 1;
1313     -ms-flex: 1 0 auto;
1314     flex: 1 0 auto;
1315     min-height: 0;
1316     min-width: 0;
1317 }
1318 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:45 */
1319 .x-dock.x-dock-vertical {
1320     -webkit-box-orient: vertical;
1321     -ms-flex-direction: column;
1322     flex-direction: column;
1323 }
1324 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:49 */
1325 .x-dock.x-dock-horizontal {
1326     -webkit-box-orient: horizontal !important;
1327     -ms-flex-direction: row !important;
1328     flex-direction: row !important;
1329 }
1330 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:52 */
1331 .x-dock.x-dock-horizontal > .x-dock-item {
1332     display: flex;
1333     display: -webkit-box;
1334     display: -ms-flexbox;
1335 }
1336 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:56 */
1337 .x-dock.x-dock-horizontal > .x-dock-item.x-sized > .x-inner,
1338 .x-dock.x-dock-horizontal > .x-dock-item.x-sized > .x-body {
1339     width: auto;
1340     height: auto;
1341     position: absolute;
1342     top: 0;
1343     right: 0;
1344     bottom: 0;
1345     left: 0;
1346 }
1347 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:61 */
1348 .x-dock.x-dock-horizontal > .x-dock-item.x-unsized {
1349     -webkit-box-orient: vertical;
1350     -ms-flex-direction: column;
1351     flex-direction: column;
1352 }
1353 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:64 */
1354 .x-dock.x-dock-horizontal > .x-dock-item.x-unsized > * {
1355     -webkit-box-flex: 1;
1356     -ms-flex: 1 0 auto;
1357     flex: 1 0 auto;
1358     min-height: 0;
1359     min-width: 0;
1360 }
1361 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:79 */
1362 .x-ie .x-stretched.x-dock-horizontal > .x-dock-body {
1363     width: 0;
1364 }
1365 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:85 */
1366 .x-ie .x-stretched.x-dock-vertical > .x-dock-body {
1367     height: 0;
1368 }
1369 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:92 */
1370 .x-ie .x-has-width > .x-dock.x-unsized.x-dock-horizontal > .x-dock-body {
1371     width: 0;
1372 }
1373 /* http://localhost:1843/modern/theme-base/sass/src/Container.scss:98 */
1374 .x-ie .x-has-height > .x-dock.x-unsized.x-dock-vertical > .x-dock-body {
1375     height: 0;
1376 }
1377 /* http://localhost:1843/modern/theme-base/sass/src/viewport/Viewport.scss:42 */
1378 #ext-viewport {
1379     margin: 0;
1380     -webkit-font-smoothing: antialiased;
1381     -moz-osx-font-smoothing: grayscale;
1382 }
1383 /* http://localhost:1843/modern/theme-base/sass/src/Panel.scss:5 */
1384 .x-panel,
1385 .x-msgbox {
1386     /**
1387  * @class Ext.Panel
1388  */
1389     position: relative;
1390 }
1391 /* http://localhost:1843/modern/theme-base/sass/src/Panel.scss:13 */
1392 .x-panel.x-floating .x-panel-inner,
1393 .x-panel.x-floating > .x-body,
1394 .x-msgbox .x-panel-inner,
1395 .x-msgbox > .x-body,
1396 .x-form.x-floating .x-panel-inner,
1397 .x-form.x-floating > .x-body {
1398     z-index: 1;
1399 }
1400 /* http://localhost:1843/modern/theme-base/sass/src/Panel.scss:19 */
1401 .x-panel.x-floating > .x-dock,
1402 .x-msgbox > .x-dock,
1403 .x-form.x-floating > .x-dock {
1404     z-index: 1;
1405 }
1406 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:5 */
1407 .x-button,
1408 .x-tab {
1409     display: flex;
1410     display: -webkit-box;
1411     display: -ms-flexbox;
1412     -webkit-box-align: center;
1413     -ms-flex-align: center;
1414     align-items: center;
1415     position: relative;
1416     overflow: hidden;
1417     z-index: 1;
1418     cursor: pointer;
1419 }
1420 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:15 */
1421 .x-button.x-hasbadge,
1422 .x-tab.x-hasbadge {
1423     overflow: visible;
1424 }
1425 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:20 */
1426 .x-button-icon {
1427     position: relative;
1428     background-repeat: no-repeat;
1429     background-position: center;
1430     text-align: center;
1431 }
1432 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:27 */
1433 .x-button-icon.x-shown {
1434     display: block;
1435 }
1436 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:31 */
1437 .x-button-icon.x-hidden {
1438     display: none;
1439 }
1440 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:36 */
1441 .x-iconalign-left,
1442 .x-iconalign-right {
1443     -webkit-box-orient: horizontal;
1444     -ms-flex-direction: row;
1445     flex-direction: row;
1446 }
1447 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:40 */
1448 .x-iconalign-left > .x-button-label,
1449 .x-iconalign-right > .x-button-label,
1450 > .x-badge {
1451     -webkit-box-flex: 1;
1452     -ms-flex: 1 0 auto;
1453     flex: 1 0 auto;
1454 }
1455 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:45 */
1456 .x-iconalign-top,
1457 .x-iconalign-bottom {
1458     -webkit-box-orient: vertical;
1459     -ms-flex-direction: column;
1460     flex-direction: column;
1461     -webkit-box-pack: center;
1462     -ms-flex-pack: center;
1463     justify-content: center;
1464 }
1465 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:50 */
1466 .x-iconalign-top > .x-button-label,
1467 .x-iconalign-bottom > .x-button-label,
1468 > .x-badge {
1469     width: 100%;
1470 }
1471 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:55 */
1472 .x-button-no-icon > .x-button-label,
1473 .x-button-no-icon > .x-badge {
1474     width: 100%;
1475 }
1476 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:59 */
1477 .x-iconalign-bottom,
1478 .x-iconalign-right {
1479     -webkit-box-direction: reverse;
1480     -ms-flex-direction: row-reverse;
1481     flex-direction: row-reverse;
1482 }
1483 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:64 */
1484 .x-iconalign-center {
1485     -webkit-box-pack: center;
1486     -ms-flex-pack: center;
1487     justify-content: center;
1488 }
1489 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:69 */
1490 .x-button-label,
1491 .x-badge {
1492     text-align: center;
1493     white-space: nowrap;
1494     text-overflow: ellipsis;
1495     display: block;
1496     overflow: hidden;
1497 }
1498 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:77 */
1499 .x-text-align-left > .x-button-label,
1500 .x-text-align-left > .x-badge {
1501     text-align: left;
1502 }
1503 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:81 */
1504 .x-text-align-right > .x-button-label,
1505 .x-text-align-right > .x-badge {
1506     text-align: right;
1507 }
1508 /* http://localhost:1843/modern/theme-base/sass/src/Button.scss:85 */
1509 .x-badge {
1510     z-index: 2;
1511     position: absolute;
1512     text-overflow: ellipsis;
1513 }
1514 /* http://localhost:1843/modern/theme-base/sass/src/Sheet.scss:5 */
1515 .x-sheet,
1516 .x-sheet-action {
1517     /**
1518  * @class Ext.Sheet
1519  */
1520     height: auto;
1521 }
1522 /* http://localhost:1843/modern/theme-base/sass/src/Media.scss:5 */
1523 .x-video {
1524     /**
1525  * @class Ext.Media
1526  */
1527     height: 100%;
1528     width: 100%;
1529     background-color: #000;
1530 }
1531 /* http://localhost:1843/modern/theme-base/sass/src/Media.scss:11 */
1532 .x-video > * {
1533     height: 100%;
1534     width: 100%;
1535     position: absolute;
1536 }
1537 /* http://localhost:1843/modern/theme-base/sass/src/Media.scss:17 */
1538 .x-video-ghost {
1539     -webkit-background-size: 100% auto;
1540     background: #000 center center no-repeat;
1541 }
1542 /* http://localhost:1843/modern/theme-base/sass/src/Media.scss:24 */
1543 audio {
1544     width: 100%;
1545 }
1546 /* http://localhost:1843/modern/theme-base/sass/src/Map.scss:5 */
1547 .x-map {
1548     /**
1549  * @class Ext.Map
1550  */
1551     background-color: #edeae2;
1552 }
1553 /* http://localhost:1843/modern/theme-base/sass/src/Map.scss:8 */
1554 .x-map * {
1555     -webkit-box-sizing: content-box;
1556     box-sizing: content-box;
1557 }
1558 /* http://localhost:1843/modern/theme-base/sass/src/Map.scss:14 */
1559 .x-mask-map {
1560     background: transparent !important;
1561 }
1562 /* http://localhost:1843/modern/theme-base/sass/src/Map.scss:18 */
1563 .x-map-container {
1564     position: absolute !important;
1565     top: 0;
1566     left: 0;
1567     right: 0;
1568     bottom: 0;
1569 }
1570 /* http://localhost:1843/modern/theme-base/sass/src/Img.scss:6 */
1571 .x-img.x-img-image {
1572     /**
1573  * @class Ext.Img
1574  */
1575     text-align: center;
1576 }
1577 /* http://localhost:1843/modern/theme-base/sass/src/Img.scss:9 */
1578 .x-img.x-img-image img {
1579     width: auto;
1580     height: 100%;
1581 }
1582 /* http://localhost:1843/modern/theme-base/sass/src/Img.scss:15 */
1583 .x-img.x-img-background {
1584     background-repeat: no-repeat;
1585     background-position: center;
1586     background-size: auto 100%;
1587 }
1588 /* http://localhost:1843/modern/theme-base/sass/src/Menu.scss:1 */
1589 .x-menu {
1590     background: #eee;
1591 }
1592 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:5 */
1593 .x-toolbar {
1594     /**
1595  * @class Ext.Toolbar
1596  */
1597     position: relative;
1598     overflow: hidden;
1599 }
1600 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:10 */
1601 .x-title {
1602     text-align: center;
1603     max-width: 100%;
1604 }
1605 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:14 */
1606 .x-title .x-innerhtml {
1607     white-space: nowrap;
1608     overflow: hidden;
1609     text-overflow: ellipsis;
1610 }
1611 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:20 */
1612 .x-navigation-bar .x-container {
1613     overflow: visible;
1614 }
1615 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:27 */
1616 .x-toolbar-inner .x-field .x-component-outer {
1617     -webkit-box-flex: 1;
1618     -ms-flex: 1 0 auto;
1619     flex: 1 0 auto;
1620 }
1621 /* http://localhost:1843/modern/theme-base/sass/src/Toolbar.scss:33 */
1622 .x-ie .x-toolbar-inner {
1623     height: 100% !important;
1624 }
1625 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:2 */
1626 .x-form-label {
1627     display: none;
1628 }
1629 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:5 */
1630 .x-form-label-nowrap .x-form-label {
1631     white-space: nowrap;
1632     overflow: hidden;
1633     text-overflow: ellipsis;
1634 }
1635 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:11 */
1636 .x-field {
1637     display: flex;
1638     display: -webkit-box;
1639     display: -ms-flexbox;
1640 }
1641 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:14 */
1642 .x-field .x-field-input {
1643     position: relative;
1644     min-width: 3.7em;
1645 }
1646 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:19 */
1647 .x-field .x-field-input,
1648 .x-field .x-input-el {
1649     width: 100%;
1650 }
1651 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:25 */
1652 .x-field.x-field-labeled .x-form-label {
1653     display: block;
1654 }
1655 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:30 */
1656 .x-field .x-component-outer {
1657     position: relative;
1658 }
1659 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:35 */
1660 .x-label-align-left,
1661 .x-label-align-right {
1662     -webkit-box-orient: horizontal !important;
1663     -ms-flex-direction: row !important;
1664     flex-direction: row !important;
1665 }
1666 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:39 */
1667 .x-label-align-left .x-component-outer,
1668 .x-label-align-right .x-component-outer {
1669     -webkit-box-flex: 1;
1670     -ms-flex: 1 0 0px;
1671     flex: 1 0 0px;
1672 }
1673 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:44 */
1674 .x-label-align-right {
1675     -webkit-box-direction: reverse;
1676     -ms-flex-direction: row-reverse;
1677     flex-direction: row-reverse;
1678 }
1679 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:48 */
1680 .x-label-align-top,
1681 .x-label-align-bottom {
1682     -webkit-box-orient: vertical;
1683     -ms-flex-direction: column;
1684     flex-direction: column;
1685 }
1686 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:53 */
1687 .x-label-align-bottom {
1688     -webkit-box-direction: reverse;
1689     -ms-flex-direction: column-reverse;
1690     flex-direction: column-reverse;
1691 }
1692 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:57 */
1693 .x-input-el {
1694     display: block;
1695 }
1696 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:61 */
1697 .x-field-mask {
1698     width: auto;
1699     height: auto;
1700     position: absolute;
1701     top: 0;
1702     right: 0;
1703     bottom: 0;
1704     left: 0;
1705 }
1706 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:69 */
1707 .x-ie .x-field.x-field-text .x-field-mask,
1708 .x-ie .x-field.x-field-textarea .x-field-mask,
1709 .x-ie .x-field.x-field-search .x-field-mask {
1710     z-index: -1;
1711 }
1712 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:76 */
1713 .x-field-required .x-form-label:after {
1714     content: "*";
1715     display: inline;
1716 }
1717 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:83 */
1718 input[type="search"]::-webkit-search-cancel-button {
1719     -webkit-appearance: none;
1720 }
1721 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:87 */
1722 .x-field-input .x-clear-icon,
1723 .x-field-input .x-reveal-icon {
1724     display: none;
1725     position: absolute;
1726     top: 50%;
1727 }
1728 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:94 */
1729 .x-field-clearable .x-clear-icon {
1730     display: block;
1731 }
1732 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:100 */
1733 .x-field-revealable .x-reveal-icon {
1734     display: block;
1735 }
1736 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:105 */
1737 .x-android .x-input-el {
1738     -webkit-text-fill-color: #000;
1739 }
1740 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:109 */
1741 .x-android .x-empty .x-input-el {
1742     -webkit-text-fill-color: #a9a9a9;
1743 }
1744 /* http://localhost:1843/modern/theme-base/sass/src/field/Field.scss:113 */
1745 .x-android .x-item-disabled .x-input-el {
1746     -webkit-text-fill-color: #b3b3b3;
1747 }
1748 /* http://localhost:1843/modern/theme-base/sass/src/field/Text.scss:2 */
1749 .x-ie .x-field.x-field-text .x-field-mask {
1750     z-index: -1;
1751 }
1752 /* http://localhost:1843/modern/theme-base/sass/src/field/TextArea.scss:2 */
1753 .x-ie .x-field.x-field-textarea .x-field-mask {
1754     z-index: -1;
1755 }
1756 /* http://localhost:1843/modern/theme-base/sass/src/MessageBox.scss:5 */
1757 .x-msgbox {
1758     /**
1759  * @class Ext.MessageBox
1760  */
1761     min-width: 15em;
1762     max-width: 20em;
1763     max-height: 90%;
1764 }
1765 /* http://localhost:1843/modern/theme-base/sass/src/MessageBox.scss:11 */
1766 .x-msgbox .x-docking-vertical {
1767     overflow: hidden;
1768 }
1769 /* http://localhost:1843/modern/theme-base/sass/src/MessageBox.scss:20 */
1770 .x-ie .x-msgbox .x-dock.x-dock-horizontal.x-unsized > .x-dock-body {
1771     -webkit-box-flex: 1;
1772     -ms-flex: 1 0 0px;
1773     flex: 1 0 0px;
1774 }
1775 /* http://localhost:1843/modern/theme-base/sass/src/MessageBox.scss:29 */
1776 .x-msgbox-buttons .x-button {
1777     min-width: 4.5em;
1778 }
1779 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:1 */
1780 .x-progressindicator {
1781     width: 50%;
1782     height: 1.3em;
1783 }
1784 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:6 */
1785 .x-progressindicator .x-progressindicator-inner {
1786     background: #222;
1787     padding: 10px;
1788     height: 100%;
1789     border-radius: 20px;
1790     box-shadow: 0px 5px 17px rgba(40, 40, 40, 0.5);
1791     box-sizing: content-box;
1792     position: relative;
1793 }
1794 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:16 */
1795 .x-progressindicator .x-progressindicator-text {
1796     display: flex;
1797     display: -webkit-box;
1798     display: -ms-flexbox;
1799     -webkit-box-align: center;
1800     -ms-flex-align: center;
1801     align-items: center;
1802     -webkit-box-pack: center;
1803     -ms-flex-pack: center;
1804     justify-content: center;
1805     width: 100%;
1806     height: 100%;
1807     position: absolute;
1808     top: 0px;
1809     left: 0px;
1810     color: white;
1811     text-shadow: 1px 1px 2px black;
1812 }
1813 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:29 */
1814 .x-progressindicator .x-progressindicator-bar {
1815     height: 100%;
1816     width: 0%;
1817     border-radius: 10px;
1818 }
1819 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:35 */
1820 .x-progressindicator:not(.x-item-hidden) .x-progressindicator-bar .x-progressindicator-bar-fill {
1821     height: 100%;
1822     width: 100%;
1823     background-color: gray;
1824     border-radius: 10px;
1825     -webkit-animation-name: progressIndicator;
1826     -moz-animation-name: progressIndicator;
1827     -ms-animation-name: progressIndicator;
1828     -o-animation-name: progressIndicator;
1829     animation-name: progressIndicator;
1830     -webkit-animation-duration: 1s;
1831     -moz-animation-duration: 1s;
1832     -ms-animation-duration: 1s;
1833     -o-animation-duration: 1s;
1834     animation-duration: 1s;
1835     -webkit-animation-timing-function: linear;
1836     -moz-animation-timing-function: linear;
1837     -ms-animation-timing-function: linear;
1838     -o-animation-timing-function: linear;
1839     animation-timing-function: linear;
1840     -webkit-animation-iteration-count: infinite;
1841     -moz-animation-iteration-count: infinite;
1842     -ms-animation-iteration-count: infinite;
1843     -o-animation-iteration-count: infinite;
1844     animation-iteration-count: infinite;
1845     background-repeat: repeat-x;
1846     background-size: 30px 30px;
1847     background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1848     background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1849     background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1850     background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
1851 }
1852 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:54 */
1853 @-webkit-keyframes progressIndicator {
1854     /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:56 */
1855     to {
1856         background-position: 30px;
1857     }
1858 }
1859 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:61 */
1860 @-moz-keyframes progressIndicator {
1861     /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:63 */
1862     to {
1863         background-position: 30px;
1864     }
1865 }
1866 /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:68 */
1867 @keyframes progressIndicator {
1868     /* http://localhost:1843/modern/theme-base/sass/src/ProgressIndicator.scss:70 */
1869     to {
1870         background-position: 30px;
1871     }
1872 }
1873 /* http://localhost:1843/modern/theme-base/sass/src/Toast.scss:5 */
1874 .x-toast {
1875     /**
1876  * @class Ext.Toast
1877  */
1878     min-width: 15em;
1879     max-width: 20em;
1880     max-height: 90%;
1881     margin: 6px;
1882 }
1883 /* http://localhost:1843/modern/theme-base/sass/src/Toast.scss:12 */
1884 .x-toast .x-toast-text {
1885     text-align: center;
1886 }
1887 /* http://localhost:1843/modern/theme-base/sass/src/Toast.scss:21 */
1888 .x-ie .x-toast .x-dock.x-dock-horizontal.x-unsized > .x-dock-body {
1889     -webkit-box-flex: 1;
1890     -ms-flex: 1 0 0px;
1891     flex: 1 0 0px;
1892 }
1893 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:1 */
1894 .x-carousel-inner {
1895     position: relative;
1896     overflow: hidden;
1897 }
1898 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:6 */
1899 .x-carousel-item,
1900 .x-carousel-item > * {
1901     position: absolute !important;
1902     width: 100%;
1903     height: 100%;
1904 }
1905 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:13 */
1906 .x-carousel-indicator {
1907     -webkit-box-flex: 1;
1908     -ms-flex: 1 0 auto;
1909     flex: 1 0 auto;
1910     display: flex;
1911     display: -webkit-box;
1912     display: -ms-flexbox;
1913     -webkit-box-pack: center;
1914     -ms-flex-pack: center;
1915     justify-content: center;
1916     -webkit-box-align: center;
1917     -ms-flex-align: center;
1918     align-items: center;
1919 }
1920 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:20 */
1921 .x-carousel-indicator span {
1922     display: block;
1923     width: 10px;
1924     height: 10px;
1925     margin: 3px;
1926     background-color: #eee;
1927 }
1928 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:27 */
1929 .x-carousel-indicator span.x-carousel-indicator-active {
1930     background-color: #ccc;
1931 }
1932 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:33 */
1933 .x-carousel-indicator-horizontal {
1934     width: 100%;
1935 }
1936 /* http://localhost:1843/modern/theme-base/sass/src/carousel/Carousel.scss:37 */
1937 .x-carousel-indicator-vertical {
1938     -webkit-box-orient: vertical;
1939     -ms-flex-direction: column;
1940     flex-direction: column;
1941     height: 100%;
1942 }
1943 /* http://localhost:1843/modern/theme-base/sass/src/dataview/DataView.scss:2 */
1944 .x-dataview-inlineblock .x-dataview-item,
1945 .x-dataview-inlineblock .x-data-item {
1946     display: inline-block;
1947 }
1948 /* http://localhost:1843/modern/theme-base/sass/src/dataview/DataView.scss:8 */
1949 .x-dataview-nowrap .x-dataview-container {
1950     white-space: nowrap !important;
1951 }
1952 /* http://localhost:1843/modern/theme-base/sass/src/dataview/DataView.scss:14 */
1953 .x-dataview-nowrap .x-container.x-dataview {
1954     white-space: nowrap !important;
1955 }
1956 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:1 */
1957 .x-indexbar-wrapper {
1958     -webkit-box-pack: end !important;
1959     -ms-flex-pack: end !important;
1960     justify-content: flex-end !important;
1961     pointer-events: none;
1962 }
1963 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:6 */
1964 .x-indexbar {
1965     pointer-events: auto;
1966     z-index: 2;
1967     min-height: 0 !important;
1968     height: auto !important;
1969     -webkit-box-flex: 0 !important;
1970     -ms-flex: 0 0 auto !important;
1971     flex: 0 0 auto !important;
1972 }
1973 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:14 */
1974 .x-indexbar > div {
1975     font-size: 0.6em;
1976     text-align: center;
1977     line-height: 1.1em;
1978     font-weight: bold;
1979     display: block;
1980 }
1981 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:23 */
1982 .x-indexbar-vertical {
1983     width: 15px;
1984     -webkit-box-orient: vertical;
1985     -ms-flex-direction: column;
1986     flex-direction: column;
1987     margin-right: 15px;
1988 }
1989 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:29 */
1990 .x-indexbar-horizontal {
1991     height: 15px;
1992     -webkit-box-orient: horizontal;
1993     -ms-flex-direction: row;
1994     flex-direction: row;
1995 }
1996 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:35 */
1997 .x-phone.x-landscape .x-indexbar > div {
1998     font-size: 0.38em;
1999     line-height: 1em;
2000 }
2001 /* http://localhost:1843/modern/theme-base/sass/src/dataview/IndexBar.scss:41 */
2002 .x-indexbar-pressed {
2003     background-color: #ccc;
2004 }
2005 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:1 */
2006 .x-list {
2007     overflow: hidden;
2008 }
2009 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:4 */
2010 .x-list .x-scroll-scroller {
2011     max-width: 100%;
2012 }
2013 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:8 */
2014 .x-list .x-list-inner {
2015     width: 100% !important;
2016 }
2017 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:12 */
2018 .x-list .x-list-scrolldock-hidden {
2019     display: none;
2020 }
2021 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:16 */
2022 .x-list .x-list-item {
2023     position: absolute !important;
2024     left: 0;
2025     top: 0;
2026     width: 100%;
2027 }
2028 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:22 */
2029 .x-list .x-list-item > .x-dock {
2030     height: auto;
2031 }
2032 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:26 */
2033 .x-list .x-list-item .x-dock-horizontal {
2034     border-top: 1px solid #ccc;
2035 }
2036 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:32 */
2037 .x-list .x-list-item.x-list-item-relative {
2038     position: relative !important;
2039 }
2040 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:38 */
2041 .x-list .x-list-header.x-list-item-relative {
2042     position: relative !important;
2043 }
2044 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:43 */
2045 .x-list .x-list-emptytext {
2046     text-align: center;
2047     pointer-events: none;
2048     font-color: #333;
2049     display: flex;
2050     display: -webkit-box;
2051     display: -ms-flexbox;
2052     -webkit-box-orient: vertical;
2053     -ms-flex-direction: column;
2054     flex-direction: column;
2055     -webkit-box-pack: center;
2056     -ms-flex-pack: center;
2057     justify-content: center;
2058 }
2059 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:52 */
2060 .x-list .x-list-scrolldockitem {
2061     position: absolute !important;
2062     left: 0;
2063     top: 0;
2064     width: 100%;
2065 }
2066 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:63 */
2067 .x-ie .x-list-grouped .x-translatable-container .x-list-item:before,
2068 .x-ie .x-list-grouped .x-translatable-container .x-list-header:before {
2069     content: ". .";
2070     color: transparent;
2071     position: absolute;
2072     left: 0px;
2073     word-spacing: 3000px;
2074     opacity: 0;
2075 }
2076 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:74 */
2077 .x-list-header {
2078     position: absolute;
2079     left: 0;
2080     width: 100%;
2081     z-index: 2 !important;
2082 }
2083 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:81 */
2084 .x-ios .x-list-header {
2085     -webkit-transform: translate3d(0, 0, 0);
2086     -moz-transform: translate3d(0, 0, 0);
2087     -ms-transform: translate3d(0, 0, 0);
2088     -o-transform: translate3d(0, 0, 0);
2089     transform: translate3d(0, 0, 0);
2090 }
2091 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:85 */
2092 .x-list-grouped .x-list-item.x-list-header-wrap .x-dock-horizontal,
2093 .x-list-grouped .x-list-item-tpl.x-list-header-wrap {
2094     border-top: 0;
2095 }
2096 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:91 */
2097 .x-list-inlineblock .x-list-item {
2098     display: inline-block;
2099 }
2100 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:97 */
2101 .x-list-nowrap .x-list-inner {
2102     width: auto;
2103 }
2104 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:101 */
2105 .x-list-nowrap .x-list-container {
2106     white-space: nowrap !important;
2107 }
2108 /* http://localhost:1843/modern/theme-base/sass/src/dataview/List.scss:106 */
2109 .x-list-item-dragging {
2110     border-bottom: 1px solid #ccc;
2111     background: #fff !important;
2112     z-index: 1;
2113 }
2114 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:5 */
2115 .x-sheet.x-picker {
2116     /**
2117  * @class Ext.picker.Picker
2118  */
2119     padding: 0;
2120 }
2121 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:9 */
2122 .x-sheet.x-picker .x-sheet-inner {
2123     background-color: #fff;
2124     overflow: hidden;
2125 }
2126 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:14 */
2127 .x-sheet.x-picker .x-sheet-inner .x-picker-slot .x-body {
2128     border-left: 1px solid #999;
2129     border-right: 1px solid #acacac;
2130 }
2131 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:20 */
2132 .x-sheet.x-picker .x-sheet-inner .x-picker-slot.x-first .x-body {
2133     border-left: 0;
2134 }
2135 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:26 */
2136 .x-sheet.x-picker .x-sheet-inner .x-picker-slot.x-last .x-body {
2137     border-left: 0;
2138     border-right: 0;
2139 }
2140 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:34 */
2141 .x-picker-slot .x-scroll-view {
2142     z-index: 2;
2143     position: relative;
2144 }
2145 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:39 */
2146 .x-picker-mask {
2147     position: absolute;
2148     top: 0;
2149     left: 0;
2150     right: 0;
2151     bottom: 0;
2152     z-index: 3;
2153     display: flex;
2154     display: -webkit-box;
2155     display: -ms-flexbox;
2156     -webkit-box-align: stretch;
2157     -ms-flex-align: stretch;
2158     align-items: stretch;
2159     -webkit-box-orient: vertical;
2160     -ms-flex-direction: column;
2161     flex-direction: column;
2162     -webkit-box-pack: center;
2163     -ms-flex-pack: center;
2164     justify-content: center;
2165     pointer-events: none;
2166 }
2167 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:53 */
2168 .x-picker-slot-title {
2169     position: relative;
2170     z-index: 2;
2171 }
2172 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:57 */
2173 .x-picker-slot-title > div {
2174     white-space: nowrap;
2175     overflow: hidden;
2176     text-overflow: ellipsis;
2177     font-weight: bold;
2178 }
2179 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:64 */
2180 .x-picker-slot .x-dataview-inner {
2181     width: 100% !important;
2182 }
2183 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:68 */
2184 .x-picker-slot .x-dataview-item {
2185     vertical-align: middle;
2186     height: 30px;
2187     line-height: 30px;
2188 }
2189 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:73 */
2190 .x-picker-slot .x-dataview-item.x-item-selected {
2191     font-weight: bold;
2192 }
2193 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:78 */
2194 .x-picker-slot .x-picker-item {
2195     white-space: nowrap;
2196     overflow: hidden;
2197     text-overflow: ellipsis;
2198 }
2199 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:83 */
2200 .x-ie .x-picker-item {
2201     cursor: default;
2202 }
2203 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:87 */
2204 .x-ie .x-picker-item::before {
2205     content: ". .";
2206     color: transparent;
2207     position: absolute;
2208     left: 0px;
2209     word-spacing: 3000px;
2210 }
2211 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:95 */
2212 .x-picker-right {
2213     text-align: right;
2214 }
2215 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:99 */
2216 .x-picker-center {
2217     text-align: center;
2218 }
2219 /* http://localhost:1843/modern/theme-base/sass/src/picker/Picker.scss:103 */
2220 .x-picker-left {
2221     text-align: left;
2222 }
2223 /* http://localhost:1843/modern/theme-base/sass/src/field/Number.scss:2 */
2224 .x-field-number input::-webkit-outer-spin-button,
2225 .x-field-number input::-webkit-inner-spin-button {
2226     -webkit-appearance: none;
2227     margin: 0;
2228 }
2229 /* http://localhost:1843/modern/theme-base/sass/src/field/Search.scss:2 */
2230 .x-ie .x-field.x-field-search .x-field-mask {
2231     z-index: -1;
2232 }
2233 /* http://localhost:1843/modern/theme-base/sass/src/field/Select.scss:2 */
2234 .x-select-overlay .x-list-label {
2235     white-space: nowrap;
2236     overflow: hidden;
2237     text-overflow: ellipsis;
2238     display: block;
2239 }
2240 /* http://localhost:1843/modern/theme-base/sass/src/field/Select.scss:9 */
2241 .x-ie .x-field-select .x-field-mask {
2242     z-index: 3;
2243 }
2244 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:5 */
2245 .x-slider,
2246 .x-toggle {
2247     /**
2248  * @class Ext.slider.Slider
2249  */
2250     position: relative;
2251     height: 16px;
2252     min-height: 0;
2253     min-width: 0;
2254 }
2255 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:12 */
2256 .x-slider > *,
2257 .x-toggle > * {
2258     position: absolute;
2259     width: 100%;
2260     height: 100%;
2261 }
2262 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:19 */
2263 .x-thumb {
2264     position: absolute;
2265     height: 16px;
2266     width: 10px;
2267     border: 1px solid #ccc;
2268     background-color: #ddd;
2269 }
2270 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:28 */
2271 .x-slider:before {
2272     content: '';
2273     position: absolute;
2274     width: auto;
2275     height: 8px;
2276     top: 4px;
2277     left: 0;
2278     right: 0;
2279     margin: 0 5px;
2280     background-color: #eee;
2281 }
2282 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:35 */
2283 .x-toggle {
2284     border: 1px solid #ccc;
2285     width: 30px;
2286     overflow: hidden;
2287     -webkit-box-flex: 0;
2288     -ms-flex: 0 0 auto;
2289     flex: 0 0 auto;
2290 }
2291 /* http://localhost:1843/modern/theme-base/sass/src/slider/Slider.scss:42 */
2292 .x-toggle-on {
2293     background-color: #eee;
2294 }
2295 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:2 */
2296 .x-spinner .x-component-outer {
2297     display: flex;
2298     display: -webkit-box;
2299     display: -ms-flexbox;
2300     -webkit-box-align: center;
2301     -ms-flex-align: center;
2302     align-items: center;
2303 }
2304 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:6 */
2305 .x-spinner .x-component-outer > * {
2306     width: auto;
2307 }
2308 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:11 */
2309 .x-spinner .x-field-input {
2310     -webkit-box-flex: 1;
2311     -ms-flex: 1 0 0px;
2312     flex: 1 0 0px;
2313 }
2314 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:14 */
2315 .x-spinner .x-field-input .x-input-el {
2316     width: 100%;
2317     text-align: center;
2318 }
2319 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:20 */
2320 .x-spinner .x-field-input input::-webkit-outer-spin-button,
2321 .x-spinner .x-field-input input::-webkit-inner-spin-button {
2322     -webkit-appearance: none;
2323     margin: 0;
2324 }
2325 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:27 */
2326 .x-spinner .x-spinner-button {
2327     text-align: center;
2328 }
2329 /* http://localhost:1843/modern/theme-base/sass/src/field/Spinner.scss:32 */
2330 .x-spinner.x-field-grouped-buttons .x-input-el {
2331     text-align: left;
2332 }
2333 /* http://localhost:1843/modern/theme-base/sass/src/form/FieldSet.scss:2 */
2334 .x-form-fieldset .x-form-fieldset-inner {
2335     border: 1px solid #ccc;
2336     overflow: hidden;
2337 }
2338 /* http://localhost:1843/modern/theme-base/sass/src/form/FieldSet.scss:8 */
2339 .x-form-fieldset .x-dock .x-dock-body {
2340     -webkit-box-flex: 1;
2341     -ms-flex: 1 0 auto;
2342     flex: 1 0 auto;
2343 }
2344 /* http://localhost:1843/modern/theme-base/sass/src/form/FieldSet.scss:14 */
2345 .x-form-fieldset-title {
2346     font-weight: bold;
2347 }
2348 /* http://localhost:1843/modern/theme-base/sass/src/form/FieldSet.scss:17 */
2349 .x-form-fieldset-title .x-innerhtml {
2350     white-space: nowrap;
2351     overflow: hidden;
2352     text-overflow: ellipsis;
2353 }
2354 /* http://localhost:1843/modern/theme-base/sass/src/form/FieldSet.scss:22 */
2355 .x-form-fieldset-instructions {
2356     text-align: center;
2357 }
2358 /* http://localhost:1843/modern/theme-base/sass/src/grid/HeaderContainer.scss:1 */
2359 .x-grid-header-container > .x-body,
2360 .x-grid-headergroup-inner {
2361     height: auto;
2362 }
2363 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:1 */
2364 .x-grid .x-dock-body > .x-body {
2365     width: 100%;
2366 }
2367 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:6 */
2368 .x-grid .x-grid-emptytext {
2369     text-align: center;
2370     pointer-events: none;
2371     color: #333;
2372     display: flex;
2373     display: -webkit-box;
2374     display: -ms-flexbox;
2375     -webkit-box-orient: vertical;
2376     -ms-flex-direction: column;
2377     flex-direction: column;
2378     -webkit-box-pack: center;
2379     -ms-flex-pack: center;
2380     justify-content: center;
2381 }
2382 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:16 */
2383 .x-grid-header-container {
2384     overflow: hidden;
2385 }
2386 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:20 */
2387 .x-grid-headergroup-text {
2388     text-align: center;
2389     overflow: hidden;
2390     text-overflow: ellipsis;
2391 }
2392 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:26 */
2393 .x-grid-row {
2394     position: absolute;
2395     left: 0;
2396     top: 0;
2397     display: table;
2398     table-layout: fixed;
2399     width: 0;
2400 }
2401 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:38 */
2402 .x-grid-cell {
2403     display: table-cell;
2404     vertical-align: middle;
2405     overflow: hidden;
2406 }
2407 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:44 */
2408 .x-grid-cell-inner {
2409     text-overflow: ellipsis;
2410     overflow: hidden;
2411     white-space: nowrap;
2412 }
2413 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:50 */
2414 .x-grid-cell-hidden {
2415     display: none;
2416 }
2417 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:54 */
2418 .x-grid-cell-align-center,
2419 .x-grid-column-align-center {
2420     text-align: center;
2421 }
2422 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:59 */
2423 .x-grid-cell-align-right,
2424 .x-grid-column-align-right {
2425     text-align: right;
2426 }
2427 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:64 */
2428 .x-grid-viewoptions {
2429     border-width: 0 0 0 1px;
2430     border-style: solid;
2431 }
2432 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:68 */
2433 .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl,
2434 .x-grid-viewoptions .x-list-item.x-item-pressed.x-list-item-tpl {
2435     background: transparent;
2436 }
2437 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:71 */
2438 .x-grid-viewoptions .x-list-item.x-item-selected.x-list-item-tpl .x-innerhtml,
2439 .x-grid-viewoptions .x-list-item.x-item-pressed.x-list-item-tpl .x-innerhtml {
2440     background: transparent;
2441 }
2442 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:77 */
2443 .x-grid-columnoptions {
2444     border-width: 0 0 1px;
2445 }
2446 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:82 */
2447 .x-grid-pagingtoolbar > .x-body {
2448     -webkit-box-align: center;
2449     -ms-flex-align: center;
2450     align-items: center;
2451 }
2452 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:87 */
2453 .x-grid-pagingtoolbar-currentpage {
2454     position: relative;
2455     height: 22px;
2456 }
2457 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:91 */
2458 .x-grid-pagingtoolbar-currentpage span {
2459     position: absolute;
2460     right: 0;
2461     top: 0;
2462     line-height: 22px;
2463     height: 22px;
2464 }
2465 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:100 */
2466 .x-grid-summaryrow {
2467     position: relative;
2468 }
2469 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:104 */
2470 .x-grid-summaryrow .x-grid-multiselection-cell:after {
2471     content: '';
2472 }
2473 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:111 */
2474 .x-ie .x-grid-grouped .x-translatable-container .x-grid-row:before,
2475 .x-ie .x-grid-grouped .x-translatable-container .x-grid-header:before {
2476     content: ". .";
2477     color: transparent;
2478     position: absolute;
2479     left: 0px;
2480     word-spacing: 3000px;
2481     opacity: 0;
2482 }
2483 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:122 */
2484 .x-grid-header {
2485     position: absolute;
2486     left: 0;
2487     width: 100%;
2488     z-index: 2 !important;
2489 }
2490 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:129 */
2491 .x-ios .x-grid-header {
2492     -webkit-transform: translate3d(0, 0, 0);
2493     -moz-transform: translate3d(0, 0, 0);
2494     -ms-transform: translate3d(0, 0, 0);
2495     -o-transform: translate3d(0, 0, 0);
2496     transform: translate3d(0, 0, 0);
2497 }
2498 /* http://localhost:1843/modern/theme-base/sass/src/grid/Grid.scss:133 */
2499 .x-grid-grouped .x-grid-row.x-grid-header-wrap .x-dock-horizontal,
2500 .x-grid-grouped .x-grid-row-tpl.x-grid-header-wrap {
2501     border-top: 0;
2502 }
2503 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:1 */
2504 .x-panel-title {
2505     display: flex;
2506     display: -webkit-box;
2507     display: -ms-flexbox;
2508     -webkit-box-align: center;
2509     -ms-flex-align: center;
2510     align-items: center;
2511 }
2512 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:6 */
2513 .x-panel-title-align-left {
2514     text-align: left;
2515 }
2516 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:10 */
2517 .x-panel-title-align-center {
2518     text-align: center;
2519 }
2520 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:14 */
2521 .x-panel-title-align-right {
2522     text-align: right;
2523 }
2524 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:18 */
2525 .x-panel-title-vertical {
2526     -webkit-box-orient: vertical;
2527     -ms-flex-direction: column;
2528     flex-direction: column;
2529 }
2530 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:21 */
2531 .x-panel-title-vertical.x-panel-title-align-left {
2532     -webkit-box-align: start;
2533     -ms-flex-align: start;
2534     align-items: flex-start;
2535 }
2536 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:25 */
2537 .x-panel-title-vertical.x-panel-title-align-center {
2538     -webkit-box-align: center;
2539     -ms-flex-align: center;
2540     align-items: center;
2541 }
2542 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:29 */
2543 .x-panel-title-vertical.x-panel-title-align-right {
2544     -webkit-box-align: end;
2545     -ms-flex-align: end;
2546     align-items: flex-end;
2547 }
2548 /* http://localhost:1843/modern/theme-base/sass/src/panel/Title.scss:34 */
2549 .x-panel-title-text {
2550     -webkit-box-flex: 1;
2551     -ms-flex: 1 0 auto;
2552     flex: 1 0 auto;
2553     white-space: nowrap;
2554     overflow: hidden;
2555     text-overflow: ellipsis;
2556 }
2557 /* http://localhost:1843/modern/theme-base/sass/src/plugin/ListPaging.scss:6 */
2558 .x-list-paging .x-loading-spinner {
2559     /**
2560  * @class Ext.plugin.ListPaging
2561  */
2562     display: none;
2563     margin: auto;
2564 }
2565 /* http://localhost:1843/modern/theme-base/sass/src/plugin/ListPaging.scss:11 */
2566 .x-list-paging .x-list-paging-msg {
2567     text-align: center;
2568     clear: both;
2569 }
2570 /* http://localhost:1843/modern/theme-base/sass/src/plugin/ListPaging.scss:17 */
2571 .x-list-paging.x-loading .x-loading-spinner {
2572     display: block;
2573 }
2574 /* http://localhost:1843/modern/theme-base/sass/src/plugin/ListPaging.scss:21 */
2575 .x-list-paging.x-loading .x-list-paging-msg {
2576     display: none;
2577 }
2578 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:5 */
2579 .x-list-pullrefresh {
2580     display: flex;
2581     display: -webkit-box;
2582     display: -ms-flexbox;
2583     -webkit-box-orient: horizontal;
2584     -ms-flex-direction: row;
2585     flex-direction: row;
2586     -webkit-box-align: center;
2587     -ms-flex-align: center;
2588     align-items: center;
2589     -webkit-box-pack: center;
2590     -ms-flex-pack: center;
2591     justify-content: center;
2592     -webkit-box-direction: normal;
2593     -ms-flex-direction: row;
2594     flex-direction: row;
2595     position: absolute;
2596     top: -5em;
2597     left: 0;
2598     width: 100%;
2599     height: 4.5em;
2600 }
2601 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:18 */
2602 .x-list-pullrefresh .x-loading-spinner {
2603     display: none;
2604 }
2605 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:23 */
2606 .x-list-pullrefresh-arrow {
2607     width: 2.5em;
2608     height: 4.5em;
2609     background-color: #bbb;
2610 }
2611 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:29 */
2612 .x-list-pullrefresh-wrap {
2613     width: 20em;
2614     font-size: 0.7em;
2615 }
2616 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:34 */
2617 .x-list-pullrefresh-message {
2618     font-weight: bold;
2619     font-size: 1.3em;
2620     text-align: center;
2621 }
2622 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:40 */
2623 .x-list-pullrefresh-updated {
2624     text-align: center;
2625 }
2626 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:45 */
2627 .x-list-pullrefresh-loading *.x-loading-spinner {
2628     display: block;
2629 }
2630 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:49 */
2631 .x-list-pullrefresh-loading .x-list-pullrefresh-arrow {
2632     display: none;
2633 }
2634 /* http://localhost:1843/modern/theme-base/sass/src/plugin/PullRefresh.scss:55 */
2635 .x-android-2 .x-list-pullrefresh-loading *.x-loading-spinner {
2636     display: none;
2637 }
2638 /* http://localhost:1843/modern/theme-base/sass/src/plugin/field/PlaceHolderLabel.scss:2 */
2639 .x-placeholderlabel .x-form-label {
2640     -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
2641     -webkit-transform: translate(0, 2em);
2642     opacity: 0;
2643     padding: 0.3em;
2644 }
2645 /* http://localhost:1843/modern/theme-base/sass/src/plugin/field/PlaceHolderLabel.scss:10 */
2646 .x-placeholderlabel.x-show-label .x-form-label {
2647     -webkit-transform: translate(0, 0);
2648     opacity: 1;
2649 }
2650 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:6 */
2651 .x-tabbar.x-docked-top .x-tab .x-button-icon {
2652     /**
2653  * @class Ext.tab.Panel
2654  */
2655     position: relative;
2656 }
2657 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:9 */
2658 .x-tabbar.x-docked-top .x-tab .x-button-icon.x-shown {
2659     display: inline-block;
2660 }
2661 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:13 */
2662 .x-tabbar.x-docked-top .x-tab .x-button-icon.x-hidden {
2663     display: none;
2664 }
2665 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:20 */
2666 .x-tabbar.x-docked-bottom .x-tab .x-button-icon {
2667     display: block;
2668     position: relative;
2669 }
2670 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:24 */
2671 .x-tabbar.x-docked-bottom .x-tab .x-button-icon.x-shown {
2672     visibility: visible;
2673 }
2674 /* http://localhost:1843/modern/theme-base/sass/src/tab/Panel.scss:28 */
2675 .x-tabbar.x-docked-bottom .x-tab .x-button-icon.x-hidden {
2676     visibility: hidden;
2677 }
2678 /* http://localhost:1843/modern/theme-base/sass/src/table/Table.scss:6 */
2679 .x-table-inner {
2680     /**
2681  * @class Ext.table.Table
2682  * @ignore
2683  */
2684     display: table;
2685     width: 100% !important;
2686     height: 100% !important;
2687 }
2688 /* http://localhost:1843/modern/theme-base/sass/src/table/Table.scss:11 */
2689 .x-table-inner.x-fixed-layout {
2690     table-layout: fixed !important;
2691 }
2692 /* http://localhost:1843/modern/theme-base/sass/src/table/Table.scss:16 */
2693 .x-table-row {
2694     display: table-row;
2695 }
2696 /* http://localhost:1843/modern/theme-base/sass/src/table/Table.scss:20 */
2697 .x-table-cell {
2698     display: table-cell;
2699     vertical-align: middle;
2700 }
2701 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:9 */
2702 @font-face {
2703     font-family: 'Pictos';
2704     src: url('font-pictos/fonts/pictos-web.eot');
2705     src: url('font-pictos/fonts/pictos-web.eot?#iefix') format('embedded-opentype'), url('font-pictos/fonts/pictos-web.woff') format('woff'), url('font-pictos/fonts/pictos-web.ttf') format('truetype');
2706     font-weight: normal;
2707     font-style: normal;
2708 }
2709 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:19 */
2710 .pictos {
2711     font-family: Pictos !important;
2712 }
2713 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:23 */
2714 .pictos-anchor:before {
2715     content: "a" !important;
2716 }
2717 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:24 */
2718 .pictos-box:before {
2719     content: "b" !important;
2720 }
2721 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:25 */
2722 .pictos-upload:before {
2723     content: "c" !important;
2724 }
2725 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:26 */
2726 .pictos-forbidden:before {
2727     content: "d" !important;
2728 }
2729 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:27 */
2730 .pictos-lightning:before {
2731     content: "e" !important;
2732 }
2733 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:28 */
2734 .pictos-rss:before {
2735     content: "f" !important;
2736 }
2737 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:29 */
2738 .pictos-team:before {
2739     content: "g" !important;
2740 }
2741 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:30 */
2742 .pictos-help:before {
2743     content: "h" !important;
2744 }
2745 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:31 */
2746 .pictos-info:before {
2747     content: "i" !important;
2748 }
2749 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:32 */
2750 .pictos-attachment:before {
2751     content: "j" !important;
2752 }
2753 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:33 */
2754 .pictos-heart:before {
2755     content: "k" !important;
2756 }
2757 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:34 */
2758 .pictos-list:before {
2759     content: "l" !important;
2760 }
2761 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:35 */
2762 .pictos-music:before {
2763     content: "m" !important;
2764 }
2765 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:36 */
2766 .pictos-table:before {
2767     content: "n" !important;
2768 }
2769 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:37 */
2770 .pictos-folder:before {
2771     content: "o" !important;
2772 }
2773 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:38 */
2774 .pictos-pencil:before {
2775     content: "p" !important;
2776 }
2777 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:39 */
2778 .pictos-chat2:before {
2779     content: "q" !important;
2780 }
2781 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:40 */
2782 .pictos-retweet:before {
2783     content: "r" !important;
2784 }
2785 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:41 */
2786 .pictos-search:before {
2787     content: "s" !important;
2788 }
2789 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:42 */
2790 .pictos-time:before {
2791     content: "t" !important;
2792 }
2793 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:43 */
2794 .pictos-switch:before {
2795     content: "u" !important;
2796 }
2797 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:44 */
2798 .pictos-camera:before {
2799     content: "v" !important;
2800 }
2801 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:45 */
2802 .pictos-chat:before {
2803     content: "w" !important;
2804 }
2805 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:46 */
2806 .pictos-settings2:before {
2807     content: "x" !important;
2808 }
2809 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:47 */
2810 .pictos-settings:before {
2811     content: "y" !important;
2812 }
2813 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:48 */
2814 .pictos-tags:before {
2815     content: "z" !important;
2816 }
2817 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:49 */
2818 .pictos-attachment2:before {
2819     content: "A" !important;
2820 }
2821 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:50 */
2822 .pictos-bird:before {
2823     content: "B" !important;
2824 }
2825 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:51 */
2826 .pictos-cloud:before {
2827     content: "C" !important;
2828 }
2829 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:52 */
2830 .pictos-delete_black1:before {
2831     content: "D" !important;
2832 }
2833 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:53 */
2834 .pictos-eye:before {
2835     content: "E" !important;
2836 }
2837 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:54 */
2838 .pictos-file:before {
2839     content: "F" !important;
2840 }
2841 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:55 */
2842 .pictos-browser:before {
2843     content: "G" !important;
2844 }
2845 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:56 */
2846 .pictos-home:before {
2847     content: "H" !important;
2848 }
2849 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:57 */
2850 .pictos-inbox:before {
2851     content: "I" !important;
2852 }
2853 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:58 */
2854 .pictos-network:before {
2855     content: "J" !important;
2856 }
2857 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:59 */
2858 .pictos-key:before {
2859     content: "K" !important;
2860 }
2861 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:60 */
2862 .pictos-radio:before {
2863     content: "L" !important;
2864 }
2865 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:61 */
2866 .pictos-mail:before {
2867     content: "M" !important;
2868 }
2869 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:62 */
2870 .pictos-news:before {
2871     content: "N" !important;
2872 }
2873 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:63 */
2874 .pictos-case:before {
2875     content: "O" !important;
2876 }
2877 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:64 */
2878 .pictos-photos:before {
2879     content: "P" !important;
2880 }
2881 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:65 */
2882 .pictos-power:before {
2883     content: "Q" !important;
2884 }
2885 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:66 */
2886 .pictos-action:before {
2887     content: "R" !important;
2888 }
2889 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:67 */
2890 .pictos-favorites:before {
2891     content: "S" !important;
2892 }
2893 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:68 */
2894 .pictos-plane:before {
2895     content: "T" !important;
2896 }
2897 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:69 */
2898 .pictos-user:before {
2899     content: "U" !important;
2900 }
2901 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:70 */
2902 .pictos-video:before {
2903     content: "V" !important;
2904 }
2905 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:71 */
2906 .pictos-compose:before {
2907     content: "W" !important;
2908 }
2909 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:72 */
2910 .pictos-truck:before {
2911     content: "X" !important;
2912 }
2913 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:73 */
2914 .pictos-chart2:before {
2915     content: "Y" !important;
2916 }
2917 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:74 */
2918 .pictos-chart:before {
2919     content: "Z" !important;
2920 }
2921 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:75 */
2922 .pictos-expand:before {
2923     content: "`" !important;
2924 }
2925 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:76 */
2926 .pictos-refresh:before {
2927     content: "1" !important;
2928 }
2929 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:77 */
2930 .pictos-check:before {
2931     content: "2" !important;
2932 }
2933 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:78 */
2934 .pictos-check2:before {
2935     content: "3" !important;
2936 }
2937 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:79 */
2938 .pictos-play:before {
2939     content: "4" !important;
2940 }
2941 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:80 */
2942 .pictos-pause:before {
2943     content: "5" !important;
2944 }
2945 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:81 */
2946 .pictos-stop:before {
2947     content: "6" !important;
2948 }
2949 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:82 */
2950 .pictos-forward:before {
2951     content: "7" !important;
2952 }
2953 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:83 */
2954 .pictos-rewind:before {
2955     content: "8" !important;
2956 }
2957 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:84 */
2958 .pictos-play2:before {
2959     content: "9" !important;
2960 }
2961 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:85 */
2962 .pictos-refresh2:before {
2963     content: "0" !important;
2964 }
2965 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:86 */
2966 .pictos-minus:before {
2967     content: "-" !important;
2968 }
2969 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:87 */
2970 .pictos-battery:before {
2971     content: "=" !important;
2972 }
2973 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:88 */
2974 .pictos-left:before {
2975     content: "[" !important;
2976 }
2977 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:89 */
2978 .pictos-right:before {
2979     content: "]" !important;
2980 }
2981 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:90 */
2982 .pictos-calendar:before {
2983     content: "\005C" !important;
2984 }
2985 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:91 */
2986 .pictos-shuffle:before {
2987     content: ";" !important;
2988 }
2989 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:92 */
2990 .pictos-wireless:before {
2991     content: "'" !important;
2992 }
2993 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:93 */
2994 .pictos-speedometer:before {
2995     content: "," !important;
2996 }
2997 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:94 */
2998 .pictos-more:before {
2999     content: "." !important;
3000 }
3001 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:95 */
3002 .pictos-print:before {
3003     content: "/" !important;
3004 }
3005 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:96 */
3006 .pictos-download:before {
3007     content: "~" !important;
3008 }
3009 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:97 */
3010 .pictos-warning_black:before {
3011     content: "!" !important;
3012 }
3013 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:98 */
3014 .pictos-locate:before {
3015     content: "@" !important;
3016 }
3017 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:99 */
3018 .pictos-trash:before {
3019     content: "#" !important;
3020 }
3021 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:100 */
3022 .pictos-cart:before {
3023     content: "$" !important;
3024 }
3025 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:101 */
3026 .pictos-bank:before {
3027     content: "%" !important;
3028 }
3029 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:102 */
3030 .pictos-flag:before {
3031     content: "^" !important;
3032 }
3033 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:103 */
3034 .pictos-add:before {
3035     content: "&" !important;
3036 }
3037 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:104 */
3038 .pictos-delete:before {
3039     content: "*" !important;
3040 }
3041 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:105 */
3042 .pictos-lock:before {
3043     content: "(" !important;
3044 }
3045 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:106 */
3046 .pictos-unlock:before {
3047     content: ")" !important;
3048 }
3049 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:107 */
3050 .pictos-minus2:before {
3051     content: "_" !important;
3052 }
3053 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:108 */
3054 .pictos-add2:before {
3055     content: "+" !important;
3056 }
3057 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:109 */
3058 .pictos-up:before {
3059     content: "{" !important;
3060 }
3061 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:110 */
3062 .pictos-down:before {
3063     content: "}" !important;
3064 }
3065 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:111 */
3066 .pictos-screens:before {
3067     content: "|" !important;
3068 }
3069 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:112 */
3070 .pictos-bell:before {
3071     content: ":" !important;
3072 }
3073 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:113 */
3074 .pictos-quote:before {
3075     content: "\"" !important;
3076 }
3077 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:114 */
3078 .pictos-volume_mute:before {
3079     content: "<" !important;
3080 }
3081 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:115 */
3082 .pictos-volume:before {
3083     content: ">" !important;
3084 }
3085 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:116 */
3086 .pictos-question:before {
3087     content: "?" !important;
3088 }
3089 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:117 */
3090 .pictos-arrow_left:before {
3091     content: "[" !important;
3092 }
3093 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:118 */
3094 .pictos-arrow_right:before {
3095     content: "]" !important;
3096 }
3097 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:119 */
3098 .pictos-arrow_up:before {
3099     content: "{" !important;
3100 }
3101 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:120 */
3102 .pictos-arrow_down:before {
3103     content: "}" !important;
3104 }
3105 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:121 */
3106 .pictos-organize:before {
3107     content: "I" !important;
3108 }
3109 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:122 */
3110 .pictos-bookmarks:before {
3111     content: "I" !important;
3112 }
3113 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:123 */
3114 .pictos-loop2:before {
3115     content: "r" !important;
3116 }
3117 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:124 */
3118 .pictos-star:before {
3119     content: "S" !important;
3120 }
3121 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:125 */
3122 .pictos-maps:before {
3123     content: "@" !important;
3124 }
3125 /* http://localhost:1843/packages/font-pictos/sass/src/all.scss:126 */
3126 .pictos-reply:before {
3127     content: "R" !important;
3128 }
3129 /* http://localhost:1843/modern/theme-device-base/sass/src/Component.scss:1 */
3130 .x-html {
3131     line-height: 1.5;
3132     color: #333;
3133     font-size: 0.8em;
3134     padding: 1.2em;
3135 }
3136 /* http://localhost:1843/modern/theme-device-base/sass/src/Panel.scss:1 */
3137 .x-msgbox {
3138     padding: 6px;
3139     background-color: #ccc;
3140 }
3141 /* http://localhost:1843/modern/theme-device-base/sass/src/Panel.scss:6 */
3142 .x-panel.x-floating,
3143 .x-form.x-floating {
3144     padding: 6px;
3145 }
3146 /* http://localhost:1843/modern/theme-device-base/sass/src/Panel.scss:9 */
3147 .x-panel.x-floating > * > .x-dock-body,
3148 .x-form.x-floating > * > .x-dock-body {
3149     background-color: #fff;
3150 }
3151 /* http://localhost:1843/modern/theme-device-base/sass/src/Panel.scss:15 */
3152 .x-panel.x-floating > .x-dock.x-sized,
3153 .x-msgbox > .x-dock.x-sized,
3154 .x-form.x-floating > .x-dock.x-sized {
3155     margin: 6px;
3156 }
3157 /* http://localhost:1843/modern/theme-device-base/sass/src/Button.scss:1 */
3158 .x-button {
3159     background-color: #eee;
3160     border: 1px solid #ccc;
3161     line-height: normal;
3162 }
3163 /* http://localhost:1843/modern/theme-device-base/sass/src/Button.scss:7 */
3164 .x-badge {
3165     background-color: #ccc;
3166     border: 1px solid #aaa;
3167     position: absolute !important;
3168     width: auto;
3169     font-size: 0.6em;
3170     right: 0;
3171     top: 0;
3172     max-width: 95%;
3173     display: inline-block;
3174 }
3175 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:1 */
3176 .x-toolbar {
3177     background-color: #eee;
3178     min-height: 2.6em;
3179 }
3180 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:5 */
3181 .x-toolbar.x-docked-top {
3182     border-bottom: 1px solid;
3183 }
3184 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:9 */
3185 .x-toolbar.x-docked-bottom {
3186     border-top: 1px solid;
3187 }
3188 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:13 */
3189 .x-toolbar.x-docked-left {
3190     width: 50px;
3191     height: auto;
3192     border-right: 1px solid;
3193 }
3194 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:19 */
3195 .x-toolbar.x-docked-right {
3196     width: 50px;
3197     height: auto;
3198     border-left: 1px solid;
3199 }
3200 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:26 */
3201 .x-title {
3202     font-size: 1.2em;
3203     font-weight: bold;
3204 }
3205 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:31 */
3206 .x-title.x-title-align-left {
3207     padding-left: 10px;
3208 }
3209 /* http://localhost:1843/modern/theme-device-base/sass/src/Toolbar.scss:36 */
3210 .x-title.x-title-align-right {
3211     padding-right: 10px;
3212 }
3213 /* http://localhost:1843/modern/theme-device-base/sass/src/MessageBox.scss:1 */
3214 .x-msgbox {
3215     border: 1px solid #ccc;
3216     margin: 6px;
3217 }
3218 /* http://localhost:1843/modern/theme-device-base/sass/src/MessageBox.scss:6 */
3219 .x-msgbox .x-toolbar.x-docked-top {
3220     border-bottom: 0;
3221 }
3222 /* http://localhost:1843/modern/theme-device-base/sass/src/MessageBox.scss:10 */
3223 .x-msgbox .x-toolbar.x-docked-bottom {
3224     border-top: 0;
3225 }
3226 /* http://localhost:1843/modern/theme-device-base/sass/src/MessageBox.scss:16 */
3227 .x-msgbox-text {
3228     text-align: center;
3229 }
3230 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:3 */
3231 .x-list .x-list-item.x-item-selected .x-dock-horizontal,
3232 .x-list .x-list-item.x-item-selected.x-list-item-tpl {
3233     background-color: #ccc;
3234 }
3235 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:9 */
3236 .x-list .x-list-item.x-item-pressed.x-list-item-tpl,
3237 .x-list .x-list-item.x-item-pressed .x-dock-horizontal {
3238     background-color: #ddd;
3239 }
3240 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:15 */
3241 .x-list .x-list-item .x-list-item-body,
3242 .x-list .x-list-item.x-list-item-tpl .x-innerhtml {
3243     padding: 5px;
3244 }
3245 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:20 */
3246 .x-list .x-item-selected .x-list-disclosure {
3247     background-color: #fff;
3248 }
3249 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:24 */
3250 .x-list .x-list-header {
3251     background-color: #eee;
3252     border-top: 1px solid #ccc;
3253     border-bottom: 1px solid #ccc;
3254     font-weight: bold;
3255 }
3256 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:31 */
3257 .x-list .x-list-disclosure {
3258     margin: 5px 15px 5px 0;
3259     overflow: visible;
3260     width: 20px;
3261     height: 20px;
3262     border: 1px solid #ccc;
3263     background-color: #eee;
3264 }
3265 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:40 */
3266 .x-list .x-list-item-tpl .x-list-disclosure {
3267     position: absolute;
3268     right: 0px;
3269     top: 0px;
3270 }
3271 /* http://localhost:1843/modern/theme-device-base/sass/src/dataview/List.scss:47 */
3272 .x-list.x-list-indexed .x-list-disclosure {
3273     margin-right: 35px;
3274 }
3275 /* http://localhost:1843/modern/theme-device-base/sass/src/field/Spinner.scss:1 */
3276 .x-spinner-button-down:before {
3277     content: '-';
3278 }
3279 /* http://localhost:1843/modern/theme-device-base/sass/src/field/Spinner.scss:4 */
3280 .x-spinner-button-up:before {
3281     content: '+';
3282 }
3283 /* http://localhost:1843/modern/theme-device-base/sass/src/field/Spinner.scss:9 */
3284 .x-spinner .x-spinner-button {
3285     border: 1px solid #ccc !important;
3286     background-color: #eee;
3287 }
3288 /* http://localhost:1843/modern/theme-device-base/sass/src/form/Panel.scss:1 */
3289 .x-field-input .x-clear-icon,
3290 .x-field-input .x-reveal-icon {
3291     width: 10px;
3292     height: 10px;
3293     right: 0;
3294     background-color: #ccc;
3295 }
3296 /* http://localhost:1843/modern/theme-device-base/sass/src/form/Panel.scss:9 */
3297 .x-form-label span {
3298     font-weight: bold;
3299 }
3300 /* http://localhost:1843/modern/theme-device-base/sass/src/form/Panel.scss:15 */
3301 .x-field-clearable .x-field-input {
3302     padding-right: 10px;
3303 }
3304 /* http://localhost:1843/modern/theme-device-base/sass/src/form/Panel.scss:21 */
3305 .x-field-revealable .x-field-input {
3306     padding-right: 10px;
3307 }
3308 /* http://localhost:1843/modern/theme-device-base/sass/src/form/Panel.scss:27 */
3309 .x-field-clearable.x-field-revealable .x-reveal-icon {
3310     right: 20px;
3311 }
3312 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:1 */
3313 .x-grid-row {
3314     border-width: 0 0 1px 0;
3315     border-style: solid;
3316 }
3317 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:6 */
3318 .x-grid-cell {
3319     line-height: 60px;
3320     padding: 0 8px;
3321     height: 60px;
3322     border-width: 0 1px 0 0;
3323 }
3324 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:13 */
3325 .x-grid-summaryrow {
3326     height: 32px;
3327     font-size: 0.8em;
3328 }
3329 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:17 */
3330 .x-grid-summaryrow .x-grid-cell {
3331     height: 32px;
3332     line-height: 30px;
3333     border-width: 0 0 1px;
3334     border-style: solid;
3335 }
3336 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:25 */
3337 .x-grid-header {
3338     line-height: 44px;
3339     font-weight: bold;
3340 }
3341 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:30 */
3342 .x-grid-header-container {
3343     border-width: 0 0 1px 1px;
3344     border-style: solid;
3345     height: 65px;
3346     font-weight: bold;
3347 }
3348 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:37 */
3349 .x-grid-column {
3350     height: 64px;
3351     border-width: 1px 1px 0 0;
3352     border-style: solid;
3353     line-height: 64px;
3354     vertical-align: middle;
3355     padding: 0 8px;
3356 }
3357 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:45 */
3358 .x-grid-column .x-innerhtml {
3359     position: relative;
3360     display: inline-block;
3361 }
3362 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:52 */
3363 .x-grid-column.x-column-sorted-asc .x-innerhtml:after,
3364 .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
3365     position: absolute;
3366     width: 12px;
3367     line-height: 64px;
3368     top: 0;
3369     height: 64px;
3370     font-family: 'Pictos';
3371     font-size: 12px;
3372 }
3373 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:65 */
3374 .x-grid-column.x-column-align-left .x-innerhtml:after,
3375 .x-grid-column.x-column-align-center .x-innerhtml:after {
3376     right: -16px;
3377 }
3378 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:69 */
3379 .x-grid-column.x-column-align-right .x-innerhtml:after {
3380     left: -16px;
3381 }
3382 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:73 */
3383 .x-grid-column.x-column-sorted-asc .x-innerhtml:after {
3384     content: "{";
3385 }
3386 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:76 */
3387 .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
3388     content: "}";
3389 }
3390 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:81 */
3391 .x-grid-headergroup {
3392     display: inline-block;
3393     position: relative;
3394     vertical-align: bottom;
3395     height: 64px;
3396     border-style: solid;
3397     border-width: 1px 0 0;
3398 }
3399 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:89 */
3400 .x-grid-headergroup .x-inner > .x-innerhtml {
3401     height: 32px;
3402     line-height: 28px;
3403     vertical-align: middle;
3404     display: block;
3405     position: absolute;
3406     width: 100%;
3407     top: 0;
3408     left: 0;
3409     border-style: solid;
3410     border-width: 1px;
3411 }
3412 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:102 */
3413 .x-grid-headergroup .x-grid-column {
3414     height: 32px !important;
3415     line-height: 27px !important;
3416     font-size: 0.7em;
3417 }
3418 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:109 */
3419 .x-grid-headergroup .x-grid-column.x-column-sorted-asc .x-innerhtml:after,
3420 .x-grid-headergroup .x-grid-column.x-column-sorted-desc .x-innerhtml:after {
3421     line-height: 27px;
3422     height: 27px;
3423 }
3424 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:117 */
3425 .x-grid-headergroup-text {
3426     height: 32px;
3427     line-height: 32px;
3428     border-style: solid;
3429     border-width: 0 1px 0 0;
3430 }
3431 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:124 */
3432 .x-grid-pagingtoolbar-prev {
3433     font-family: Pictos;
3434     line-height: 1;
3435 }
3436 /* http://localhost:1843/modern/theme-base/sass/etc/mixins/font-icon.scss:129 */
3437 .x-grid-pagingtoolbar-prev:before {
3438     content: "[";
3439 }
3440 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:128 */
3441 .x-grid-pagingtoolbar-next {
3442     font-family: Pictos;
3443     line-height: 1;
3444 }
3445 /* http://localhost:1843/modern/theme-base/sass/etc/mixins/font-icon.scss:129 */
3446 .x-grid-pagingtoolbar-next:before {
3447     content: "]";
3448 }
3449 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:133 */
3450 .x-grid-viewoptions .x-list-item .x-innerhtml {
3451     padding: 0px !important;
3452 }
3453 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:137 */
3454 .x-grid-viewoptions .x-column-options-header {
3455     height: 32px;
3456     line-height: 28px;
3457     vertical-align: middle;
3458     border-style: solid;
3459     border-width: 1px;
3460     overflow: hidden;
3461     padding-left: 10px;
3462 }
3463 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:147 */
3464 .x-grid-viewoptions .x-column-options-sortablehandle,
3465 .x-grid-viewoptions .x-column-options-visibleindicator,
3466 .x-grid-viewoptions .x-column-options-groupindicator,
3467 .x-grid-viewoptions .x-column-options-folder,
3468 .x-grid-viewoptions .x-column-options-leaf {
3469     width: 40px;
3470     height: 48px;
3471     position: absolute;
3472     bottom: 0;
3473 }
3474 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:157 */
3475 .x-grid-viewoptions .x-column-options-sortablehandle:after,
3476 .x-grid-viewoptions .x-column-options-visibleindicator:after,
3477 .x-grid-viewoptions .x-column-options-groupindicator:after,
3478 .x-grid-viewoptions .x-column-options-folder:after,
3479 .x-grid-viewoptions .x-column-options-leaf:after {
3480     position: absolute;
3481     top: 0;
3482     left: 0;
3483     height: 100%;
3484     width: 100%;
3485     text-align: center;
3486     font-size: 24px;
3487     line-height: 48px;
3488     vertical-align: middle;
3489     font-family: 'Pictos';
3490 }
3491 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:171 */
3492 .x-grid-viewoptions .x-column-options-sortablehandle {
3493     left: 0;
3494 }
3495 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:173 */
3496 .x-grid-viewoptions .x-column-options-sortablehandle:after {
3497     line-height: 54px;
3498     content: "l";
3499 }
3500 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:178 */
3501 .x-grid-viewoptions .x-column-options-visibleindicator {
3502     right: 0;
3503 }
3504 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:180 */
3505 .x-grid-viewoptions .x-column-options-visibleindicator:after {
3506     font-size: 30px;
3507     line-height: 54px;
3508     content: "E";
3509 }
3510 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:187 */
3511 .x-grid-viewoptions .x-column-options-groupindicator {
3512     right: 40px;
3513 }
3514 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:189 */
3515 .x-grid-viewoptions .x-column-options-groupindicator:after {
3516     font-size: 30px;
3517     line-height: 54px;
3518     content: "g";
3519 }
3520 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:196 */
3521 .x-grid-viewoptions .x-column-options-folder,
3522 .x-grid-viewoptions .x-column-options-leaf {
3523     width: 30px;
3524     left: 40px;
3525 }
3526 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:201 */
3527 .x-grid-viewoptions .x-column-options-folder:after,
3528 .x-grid-viewoptions .x-column-options-leaf:after {
3529     line-height: 52px;
3530     content: "o";
3531 }
3532 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:207 */
3533 .x-grid-viewoptions .x-column-options-leaf:after {
3534     content: "F";
3535 }
3536 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:211 */
3537 .x-grid-viewoptions .x-column-options-text {
3538     display: block;
3539     height: 30px;
3540     margin: 10px 50px 5px 80px;
3541     position: relative;
3542     vertical-align: middle;
3543     line-height: 28px;
3544 }
3545 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:223 */
3546 .x-grid-multiselection-column {
3547     position: relative;
3548     padding: 0;
3549 }
3550 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:227 */
3551 .x-grid-multiselection-column:after {
3552     position: absolute;
3553     top: 0;
3554     left: 0;
3555     width: 60px;
3556     height: 64px;
3557     line-height: 64px;
3558     font-family: 'Pictos';
3559     font-size: 26px;
3560     text-align: center;
3561     content: "2";
3562 }
3563 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:241 */
3564 .x-grid-multiselection-cell {
3565     position: relative;
3566     padding: 0;
3567 }
3568 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:245 */
3569 .x-grid-multiselection-cell:after {
3570     position: absolute;
3571     top: 0;
3572     left: 0;
3573     width: 60px;
3574     height: 60px;
3575     line-height: 60px;
3576     font-family: 'Pictos';
3577     font-size: 20px;
3578     text-align: center;
3579     content: "_";
3580 }
3581 /* http://localhost:1843/modern/theme-device-base/sass/src/grid/Grid.scss:259 */
3582 .x-item-selected .x-grid-multiselection-cell:after {
3583     content: "3";
3584 }
3585 /* http://localhost:1843/modern/theme-device-base/sass/src/tab/Panel.scss:1 */
3586 .x-tab {
3587     background-color: #eee;
3588     border: 1px solid #ccc;
3589     min-width: 3.3em;
3590 }
3591 /* http://localhost:1843/modern/theme-device-base/sass/src/tab/Panel.scss:7 */
3592 .x-tabbar {
3593     border-color: #ccc;
3594     border-style: solid;
3595     border-width: 0;
3596     background-color: #eee;
3597 }
3598 /* http://localhost:1843/modern/theme-device-base/sass/src/tab/Panel.scss:14 */
3599 .x-tabbar.x-docked-top {
3600     border-bottom-width: 1px;
3601 }
3602 /* http://localhost:1843/modern/theme-device-base/sass/src/tab/Panel.scss:18 */
3603 .x-tabbar.x-docked-bottom {
3604     border-top-width: 1px;
3605 }
3606 /* http://localhost:1843/modern/theme-mountainview/sass/src/Component.scss:1 */
3607 html,
3608 body {
3609     background-color: #323232;
3610     font: 14px/19px Roboto, sans-serif;
3611     color: #fff;
3612 }
3613 /* http://localhost:1843/modern/theme-mountainview/sass/src/Component.scss:8 */
3614 .x-html,
3615 .x-html h1,
3616 .x-html h2,
3617 .x-html h3,
3618 .x-html h4,
3619 .x-html h5,
3620 .x-html h6 {
3621     color: #fff;
3622 }
3623 /* http://localhost:1843/modern/theme-mountainview/sass/src/Component.scss:18 */
3624 .x-html a {
3625     color: #4abce7;
3626 }
3627 /* http://localhost:1843/modern/theme-mountainview/sass/src/Component.scss:22 */
3628 .x-layout-card-item {
3629     background: #323232;
3630 }
3631 /* http://localhost:1843/modern/theme-mountainview/sass/src/Panel.scss:5 */
3632 .x-panel.x-floating,
3633 .x-msgbox,
3634 .x-form.x-floating {
3635     /**
3636  * @class Ext.Panel
3637  */
3638     padding: 0;
3639     background: #323232;
3640 }
3641 /* http://localhost:1843/modern/theme-mountainview/sass/src/Panel.scss:12 */
3642 .x-panel.x-floating .x-panel-inner,
3643 .x-panel.x-floating > .x-body,
3644 .x-msgbox .x-panel-inner,
3645 .x-msgbox > .x-body,
3646 .x-form.x-floating .x-panel-inner,
3647 .x-form.x-floating > .x-body {
3648     background: #323232;
3649 }
3650 /* http://localhost:1843/modern/theme-mountainview/sass/src/Panel.scss:21 */
3651 .x-panel.x-floating > .x-dock.x-sized,
3652 .x-form.x-floating > .x-dock.x-sized {
3653     margin: 0;
3654 }
3655 /* http://localhost:1843/modern/theme-mountainview/sass/src/Panel.scss:27 */
3656 .x-panel.x-floating > * > .x-dock-body,
3657 .x-form.x-floating > * > .x-dock-body {
3658     background-color: #323232;
3659 }
3660 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:1 */
3661 .x-button {
3662     height: 2.7em;
3663     padding: 0 0.5em;
3664     border-width: 0;
3665     -webkit-border-radius: 1px;
3666     -moz-border-radius: 1px;
3667     -ms-border-radius: 1px;
3668     -o-border-radius: 1px;
3669     border-radius: 1px;
3670 }
3671 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:8 */
3672 .x-button-icon {
3673     width: 1.5em;
3674     height: 1.5em;
3675 }
3676 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:12 */
3677 .x-button-icon:before {
3678     color: #fff;
3679     font-size: 1.4em;
3680     line-height: 1.15em;
3681 }
3682 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:19 */
3683 .x-button-label,
3684 .x-badge {
3685     font-size: 12pt;
3686     color: #fff;
3687 }
3688 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:26 */
3689 .x-button-round,
3690 .x-button-decline-round,
3691 .x-button-confirm-round {
3692     -webkit-border-radius: 1.8em;
3693     -moz-border-radius: 1.8em;
3694     -ms-border-radius: 1.8em;
3695     -o-border-radius: 1.8em;
3696     border-radius: 1.8em;
3697 }
3698 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:35 */
3699 .x-button-small .x-button-label,
3700 .x-button-decline-small .x-button-label,
3701 .x-button-confirm-small .x-button-label,
3702 .x-button-small .x-badge,
3703 .x-button-decline-small .x-badge,
3704 .x-button-confirm-small .x-badge {
3705     font-size: 10pt;
3706 }
3707 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:40 */
3708 .x-button,
3709 .x-button-round,
3710 .x-button-small,
3711 .x-button-back,
3712 .x-button-forward {
3713     background: #5b5b5b;
3714     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
3715     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
3716     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
3717 }
3718 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:48 */
3719 .x-button .x-button-label,
3720 .x-button-round .x-button-label,
3721 .x-button-small .x-button-label,
3722 .x-button-back .x-button-label,
3723 .x-button-forward .x-button-label,
3724 .x-button .x-badge,
3725 .x-button-round .x-badge,
3726 .x-button-small .x-badge,
3727 .x-button-back .x-badge,
3728 .x-button-forward .x-badge {
3729     color: #fff;
3730 }
3731 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:52 */
3732 .x-button.x-button-pressing,
3733 .x-button.x-button-pressed,
3734 .x-button-round.x-button-pressing,
3735 .x-button-round.x-button-pressed,
3736 .x-button-small.x-button-pressing,
3737 .x-button-small.x-button-pressed,
3738 .x-button-back.x-button-pressing,
3739 .x-button-back.x-button-pressed,
3740 .x-button-forward.x-button-pressing,
3741 .x-button-forward.x-button-pressed {
3742     background: #4abce7;
3743     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(74, 188, 231, 0.5);
3744     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(74, 188, 231, 0.5);
3745     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(74, 188, 231, 0.5);
3746 }
3747 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:59 */
3748 .x-button-decline,
3749 .x-button-decline-round,
3750 .x-button-decline-small {
3751     background: #fd4246;
3752     -webkit-box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3753     -moz-box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3754     box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3755 }
3756 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:65 */
3757 .x-button-decline.x-button-pressing,
3758 .x-button-decline.x-button-pressed,
3759 .x-button-decline-round.x-button-pressing,
3760 .x-button-decline-round.x-button-pressed,
3761 .x-button-decline-small.x-button-pressing,
3762 .x-button-decline-small.x-button-pressed {
3763     background: #fd4246;
3764     -webkit-box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(253, 66, 70, 0.5);
3765     -moz-box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(253, 66, 70, 0.5);
3766     box-shadow: 0 1px 0 #f00308, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(253, 66, 70, 0.5);
3767 }
3768 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:72 */
3769 .x-button-confirm,
3770 .x-button-confirm-round,
3771 .x-button-confirm-small {
3772     background: #94b435;
3773     -webkit-box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3774     -moz-box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3775     box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2);
3776 }
3777 /* http://localhost:1843/modern/theme-mountainview/sass/src/Button.scss:78 */
3778 .x-button-confirm.x-button-pressing,
3779 .x-button-confirm.x-button-pressed,
3780 .x-button-confirm-round.x-button-pressing,
3781 .x-button-confirm-round.x-button-pressed,
3782 .x-button-confirm-small.x-button-pressing,
3783 .x-button-confirm-small.x-button-pressed {
3784     background: #94b435;
3785     -webkit-box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(148, 180, 53, 0.5);
3786     -moz-box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(148, 180, 53, 0.5);
3787     box-shadow: 0 1px 0 #748d29, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(148, 180, 53, 0.5);
3788 }
3789 /* http://localhost:1843/modern/theme-mountainview/sass/src/Sheet.scss:1 */
3790 .x-sheet-action {
3791     padding: 15px;
3792 }
3793 /* http://localhost:1843/modern/theme-mountainview/sass/src/Sheet.scss:4 */
3794 .x-sheet-action .x-button {
3795     margin-bottom: 15px;
3796 }
3797 /* http://localhost:1843/modern/theme-mountainview/sass/src/Sheet.scss:7 */
3798 .x-sheet-action .x-button:last-child {
3799     margin-bottom: 0;
3800 }
3801 /* http://localhost:1843/modern/theme-mountainview/sass/src/Menu.scss:1 */
3802 .x-menu {
3803     padding: 15px;
3804     background: rgba(50, 50, 50, 0.8);
3805 }
3806 /* http://localhost:1843/modern/theme-mountainview/sass/src/Menu.scss:5 */
3807 .x-menu.x-left,
3808 .x-menu.x-right {
3809     width: 200px;
3810 }
3811 /* http://localhost:1843/modern/theme-mountainview/sass/src/Menu.scss:10 */
3812 .x-menu .x-button {
3813     margin-bottom: 15px;
3814 }
3815 /* http://localhost:1843/modern/theme-mountainview/sass/src/Menu.scss:13 */
3816 .x-menu .x-button:last-child {
3817     margin-bottom: 0;
3818 }
3819 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toolbar.scss:1 */
3820 .x-toolbar {
3821     background-color: #323232;
3822     height: 3.5em;
3823     border: 0 !important;
3824     border-width: 0 !important;
3825 }
3826 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toolbar.scss:7 */
3827 .x-toolbar .x-title {
3828     color: #fff;
3829 }
3830 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toolbar.scss:11 */
3831 .x-toolbar .x-button {
3832     margin: 0 0.2em;
3833     height: 2.4em;
3834     -webkit-box-shadow: none;
3835     -moz-box-shadow: none;
3836     box-shadow: none;
3837 }
3838 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toolbar.scss:16 */
3839 .x-toolbar .x-button.x-button-pressing,
3840 .x-toolbar .x-button.x-button-pressed {
3841     -webkit-box-shadow: none;
3842     -moz-box-shadow: none;
3843     box-shadow: none;
3844 }
3845 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toolbar.scss:22 */
3846 .x-toolbar .x-button-label,
3847 .x-toolbar .x-badge {
3848     font-size: 10pt;
3849 }
3850 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:8 */
3851 .x-field {
3852     padding: 0.6em;
3853     min-height: 2.5em;
3854 }
3855 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:12 */
3856 .x-field:last-child {
3857     border-bottom: 0;
3858 }
3859 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:22 */
3860 .x-field-text .x-component-outer,
3861 .x-field-textarea .x-component-outer,
3862 .x-field-search .x-component-outer,
3863 .x-field-select .x-component-outer,
3864 .x-field-number .x-component-outer {
3865     border-bottom: 1px solid #5b5b5b;
3866 }
3867 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:25 */
3868 .x-field-text .x-component-outer:before,
3869 .x-field-text .x-component-outer:after,
3870 .x-field-textarea .x-component-outer:before,
3871 .x-field-textarea .x-component-outer:after,
3872 .x-field-search .x-component-outer:before,
3873 .x-field-search .x-component-outer:after,
3874 .x-field-select .x-component-outer:before,
3875 .x-field-select .x-component-outer:after,
3876 .x-field-number .x-component-outer:before,
3877 .x-field-number .x-component-outer:after {
3878     content: '';
3879     position: absolute;
3880     left: 0;
3881     right: 0;
3882     bottom: 0;
3883     height: 4px;
3884     background: #5b5b5b;
3885 }
3886 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:36 */
3887 .x-field-text .x-component-outer:after,
3888 .x-field-textarea .x-component-outer:after,
3889 .x-field-search .x-component-outer:after,
3890 .x-field-select .x-component-outer:after,
3891 .x-field-number .x-component-outer:after {
3892     left: 1px;
3893     right: 1px;
3894     background: #323232;
3895 }
3896 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:44 */
3897 .x-field-text.x-field-focused .x-component-outer,
3898 .x-field-textarea.x-field-focused .x-component-outer,
3899 .x-field-search.x-field-focused .x-component-outer,
3900 .x-field-select.x-field-focused .x-component-outer,
3901 .x-field-number.x-field-focused .x-component-outer {
3902     border-bottom-color: #4abce7;
3903 }
3904 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:47 */
3905 .x-field-text.x-field-focused .x-component-outer:before,
3906 .x-field-textarea.x-field-focused .x-component-outer:before,
3907 .x-field-search.x-field-focused .x-component-outer:before,
3908 .x-field-select.x-field-focused .x-component-outer:before,
3909 .x-field-number.x-field-focused .x-component-outer:before {
3910     background: #4abce7;
3911 }
3912 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:51 */
3913 .x-field-text.x-field-focused .x-component-outer:after,
3914 .x-field-textarea.x-field-focused .x-component-outer:after,
3915 .x-field-search.x-field-focused .x-component-outer:after,
3916 .x-field-select.x-field-focused .x-component-outer:after,
3917 .x-field-number.x-field-focused .x-component-outer:after {
3918     left: 2px;
3919     right: 2px;
3920     bottom: 1px;
3921 }
3922 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:60 */
3923 .x-field-search .x-component-outer .x-field-input {
3924     padding-left: 14px;
3925 }
3926 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:63 */
3927 .x-field-search .x-component-outer .x-field-input::before {
3928     position: absolute;
3929     content: 's';
3930     top: 0;
3931     bottom: 0;
3932     left: 0;
3933     color: #808183;
3934     text-align: left;
3935     font-family: 'Pictos';
3936     font-size: 22px;
3937     line-height: 44px;
3938     padding-left: 7px;
3939 }
3940 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:80 */
3941 .x-field-input .x-clear-icon {
3942     width: 20px;
3943     height: 20px;
3944     top: 50%;
3945     margin-right: 7px;
3946     margin-top: -10px;
3947     background: transparent;
3948 }
3949 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:88 */
3950 .x-field-input .x-clear-icon::before {
3951     position: absolute;
3952     content: 'D';
3953     top: 0;
3954     right: 0;
3955     bottom: 0;
3956     left: 0;
3957     color: #808183;
3958     font-family: 'Pictos';
3959     font-size: 22px;
3960 }
3961 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:103 */
3962 .x-input-el {
3963     font-size: 16px;
3964     background: transparent;
3965     padding: 0.4em;
3966     min-height: 2.5em;
3967     border-width: 0;
3968     -webkit-appearance: none;
3969     color: #fff;
3970     -webkit-text-fill-color: #fff !important;
3971 }
3972 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:115 */
3973 .x-field-search .x-input-el {
3974     padding: 0.4em 0.4em 0.4em 1em;
3975 }
3976 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:119 */
3977 .x-ie .x-input-el {
3978     background: transparent;
3979 }
3980 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:124 */
3981 .x-item-disabled .x-form-label,
3982 .x-item-disabled input,
3983 .x-item-disabled .x-input-el,
3984 .x-item-disabled .x-spinner-body,
3985 .x-item-disabled select,
3986 .x-item-disabled textarea,
3987 .x-item-disabled .x-field-clear-container {
3988     color: #b3b3b3;
3989     -webkit-text-fill-color: #b3b3b3 !important;
3990     pointer-events: none;
3991 }
3992 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:137 */
3993 .x-item-disabled ::-webkit-input-placeholder {
3994     color: #5b5b5b;
3995 }
3996 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:141 */
3997 .x-item-disabled .x-form-label {
3998     color: #aaa;
3999 }
4000 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:145 */
4001 .x-item-disabled .x-form-label:after {
4002     color: #666 !important;
4003 }
4004 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:155 */
4005 .x-field-text.x-item-disabled .x-component-outer,
4006 .x-field-textarea.x-item-disabled .x-component-outer,
4007 .x-field-search.x-item-disabled .x-component-outer,
4008 .x-field-select.x-item-disabled .x-component-outer,
4009 .x-field-number.x-item-disabled .x-component-outer {
4010     border-bottom-color: #3a3a3a;
4011 }
4012 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:158 */
4013 .x-field-text.x-item-disabled .x-component-outer:before,
4014 .x-field-textarea.x-item-disabled .x-component-outer:before,
4015 .x-field-search.x-item-disabled .x-component-outer:before,
4016 .x-field-select.x-item-disabled .x-component-outer:before,
4017 .x-field-number.x-item-disabled .x-component-outer:before {
4018     background: #3a3a3a;
4019 }
4020 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:166 */
4021 .x-toolbar .x-field {
4022     padding: 5px;
4023 }
4024 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:172 */
4025 .x-field-select .x-component-outer .x-field-input {
4026     overflow: hidden;
4027 }
4028 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:175 */
4029 .x-field-select .x-component-outer .x-field-input::before {
4030     z-index: 5;
4031     content: '';
4032     position: absolute;
4033     right: -10px;
4034     bottom: -1px;
4035     width: 0;
4036     height: 0;
4037     border-left: 10px solid transparent;
4038     border-right: 10px solid transparent;
4039     border-bottom: 10px solid #5b5b5b;
4040 }
4041 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Field.scss:191 */
4042 .x-field-select.x-item-disabled .x-component-outer .x-field-input::before {
4043     border-bottom-color: #3a3a3a;
4044 }
4045 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/TextArea.scss:1 */
4046 .x-field-textarea textarea {
4047     min-height: 7em;
4048     padding-top: 0.5em;
4049 }
4050 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:5 */
4051 .x-msgbox {
4052     /**
4053  * @class Ext.MessageBox
4054  */
4055     padding: 0;
4056     border: 0;
4057     max-width: 19em;
4058     background: #323232;
4059 }
4060 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:11 */
4061 .x-msgbox .x-icon {
4062     margin: 0 0.8em 0 0.5em;
4063     background: #fff;
4064     -webkit-mask-size: 100%;
4065 }
4066 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:18 */
4067 .x-msgbox .x-msgbox-info {
4068     -webkit-mask-image: url(images/pictos/info.png);
4069 }
4070 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:22 */
4071 .x-msgbox .x-msgbox-warning {
4072     -webkit-mask-image: url(images/pictos/warning_black.png);
4073 }
4074 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:26 */
4075 .x-msgbox .x-msgbox-question {
4076     -webkit-mask-image: url(images/pictos/help.png);
4077 }
4078 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:30 */
4079 .x-msgbox .x-msgbox-error {
4080     -webkit-mask-image: url(images/pictos/minus_black2.png);
4081 }
4082 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:34 */
4083 .x-msgbox .x-msgbox-title {
4084     border-bottom: 2px solid #4abce7 !important;
4085 }
4086 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:38 */
4087 .x-msgbox .x-title {
4088     font-size: 20px;
4089     font-weight: normal;
4090     color: #4abce7;
4091 }
4092 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:44 */
4093 .x-msgbox .x-body {
4094     background: transparent !important;
4095 }
4096 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:48 */
4097 .x-msgbox .x-toolbar {
4098     background: transparent none;
4099     -webkit-box-shadow: none;
4100     -moz-box-shadow: none;
4101     box-shadow: none;
4102 }
4103 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:53 */
4104 .x-msgbox .x-field {
4105     padding-top: 0;
4106 }
4107 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:57 */
4108 .x-msgbox .x-field-input {
4109     padding-right: 2.2em;
4110 }
4111 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:62 */
4112 .x-msgbox-text {
4113     padding: 15px;
4114     color: #fff;
4115     font-size: 0.9em;
4116 }
4117 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:68 */
4118 .x-msgbox .x-msgbox-buttons {
4119     padding: 0 0 0 2px;
4120 }
4121 /* http://localhost:1843/modern/theme-mountainview/sass/src/MessageBox.scss:71 */
4122 .x-msgbox .x-msgbox-buttons .x-button {
4123     margin: 2px 2px 0 0;
4124 }
4125 /* http://localhost:1843/modern/theme-mountainview/sass/src/SegmentedButton.scss:1 */
4126 .x-segmentedbutton {
4127     -webkit-box-shadow: inset 0 -2px 0 #4abce7;
4128     -moz-box-shadow: inset 0 -2px 0 #4abce7;
4129     box-shadow: inset 0 -2px 0 #4abce7;
4130     background: #5b5b5b;
4131 }
4132 /* http://localhost:1843/modern/theme-mountainview/sass/src/SegmentedButton.scss:5 */
4133 .x-segmentedbutton .x-button {
4134     margin: 0 !important;
4135     background: transparent;
4136 }
4137 /* http://localhost:1843/modern/theme-mountainview/sass/src/SegmentedButton.scss:9 */
4138 .x-segmentedbutton .x-button.x-button-pressing,
4139 .x-segmentedbutton .x-button.x-button-pressed {
4140     background: transparent;
4141 }
4142 /* http://localhost:1843/modern/theme-mountainview/sass/src/SegmentedButton.scss:14 */
4143 .x-segmentedbutton .x-button.x-button.x-button-pressing,
4144 .x-segmentedbutton .x-button.x-button.x-button-pressed {
4145     -webkit-box-shadow: inset 0 -5px 0 #4abce7;
4146     -moz-box-shadow: inset 0 -5px 0 #4abce7;
4147     box-shadow: inset 0 -5px 0 #4abce7;
4148 }
4149 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toast.scss:5 */
4150 .x-toast {
4151     /**
4152  * @class Ext.Toast
4153  */
4154     max-width: 19em;
4155     border: 1px solid #5b5b5b;
4156     background: #323232;
4157 }
4158 /* http://localhost:1843/modern/theme-mountainview/sass/src/Toast.scss:9 */
4159 .x-toast .x-toast-text {
4160     padding: 15px;
4161     color: #fff;
4162     font-size: 0.9em;
4163 }
4164 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:6 */
4165 .x-list .x-list-disclosure {
4166     /**
4167  * @class Ext.dataview.List
4168  */
4169     position: relative;
4170     overflow: visible;
4171     background: #4abce7;
4172     border: 0;
4173     -webkit-border-radius: 26px;
4174     -moz-border-radius: 26px;
4175     -ms-border-radius: 26px;
4176     -o-border-radius: 26px;
4177     border-radius: 26px;
4178     width: 26px;
4179     height: 26px;
4180     margin: 9px 9px 0 0;
4181 }
4182 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:16 */
4183 .x-list .x-list-disclosure:before {
4184     position: absolute;
4185     top: 0;
4186     right: 0;
4187     bottom: 0;
4188     left: 0;
4189     content: '4';
4190     font-family: 'Pictos';
4191     color: #323232;
4192     font-size: 20px;
4193     text-align: center;
4194     line-height: 30px;
4195     padding-left: 2px;
4196 }
4197 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:29 */
4198 .x-list.x-list-indexed .x-list-disclosure {
4199     margin-right: 1.8em;
4200 }
4201 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:33 */
4202 .x-list .x-item-selected .x-list-disclosure {
4203     background: #323232 none;
4204 }
4205 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:36 */
4206 .x-list .x-item-selected .x-list-disclosure:before {
4207     color: #4abce7;
4208 }
4209 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:41 */
4210 .x-list .x-list-item {
4211     color: #fff;
4212     font-size: 12pt;
4213 }
4214 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:46 */
4215 .x-list .x-list-item.x-item-pressed.x-list-item-tpl,
4216 .x-list .x-list-item.x-item-pressed .x-dock-horizontal {
4217     background-color: #4abce7;
4218 }
4219 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:52 */
4220 .x-list .x-list-item.x-item-selected .x-dock-horizontal,
4221 .x-list .x-list-item.x-item-selected.x-list-item-tpl {
4222     background-color: #4abce7;
4223 }
4224 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:57 */
4225 .x-list .x-list-item.x-item-pressed,
4226 .x-list .x-list-item.x-item-selected {
4227     border-color: #4abce7 !important;
4228 }
4229 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:62 */
4230 .x-list .x-list-item .x-list-item-body,
4231 .x-list .x-list-item.x-list-item-tpl .x-innerhtml {
4232     padding: 12px 5px;
4233 }
4234 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:68 */
4235 .x-list .x-list-header {
4236     color: #808183;
4237     font-size: 12pt;
4238     font-weight: bold;
4239     text-transform: uppercase;
4240     background: transparent;
4241     border: 0;
4242     padding: 15px 5px 5px;
4243     -webkit-box-shadow: 0 1px 0 #232323;
4244     -moz-box-shadow: 0 1px 0 #232323;
4245     box-shadow: 0 1px 0 #232323;
4246 }
4247 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:78 */
4248 .x-list .x-list-header.x-list-item-first {
4249     padding-top: 5px;
4250 }
4251 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:84 */
4252 .x-list .x-list-item.x-list-item-tpl,
4253 .x-list .x-list-item .x-dock-horizontal {
4254     border-top: 1px solid #2a2a2a;
4255 }
4256 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:90 */
4257 .x-list .x-list-item.x-list-item-tpl.x-list-footer-wrap,
4258 .x-list .x-list-item.x-list-footer-wrap .x-dock-horizontal {
4259     border-bottom: 1px solid #2a2a2a;
4260 }
4261 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:98 */
4262 .x-list .x-list-item-odd.x-list-item-tpl,
4263 .x-list .x-list-item-odd .x-dock-horizontal {
4264     background-color: #2a2a2a;
4265 }
4266 /* http://localhost:1843/modern/theme-mountainview/sass/src/dataview/List.scss:105 */
4267 .x-indexbar {
4268     padding: 4px 0;
4269     color: #808183;
4270     background: rgba(91, 91, 91, 0.2);
4271 }
4272 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:10 */
4273 .x-checkmark-base,
4274 .x-field-checkbox .x-field-mask::after {
4275     position: absolute;
4276     top: -2px;
4277     right: -3px;
4278     bottom: 0;
4279     content: '3';
4280     font-family: 'Pictos';
4281     font-size: 23px;
4282     text-align: right;
4283     line-height: 1.9em;
4284     text-shadow: 0 -1px #323232 0 1px #323232 -1px 0 #323232 1px 0 #323232 0 2px 4px rgba(74, 188, 231, 0.3) 0 -2px 4px rgba(74, 188, 231, 0.3) 2px 0 4px rgba(74, 188, 231, 0.3) -2px 0 4px rgba(74, 188, 231, 0.3);
4285 }
4286 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:33 */
4287 .x-field-checkbox .x-field-mask::before,
4288 .x-field-radio .x-field-mask::before,
4289 .x-field-radio .x-field-mask::after {
4290     content: '';
4291     position: absolute;
4292     top: 50%;
4293     right: 0;
4294     margin-top: -10px;
4295     height: 20px;
4296     width: 20px;
4297     border: 1px solid #5b5b5b;
4298 }
4299 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:46 */
4300 .x-field-checkbox .x-field-mask::after {
4301     color: #4abce7;
4302     visibility: hidden;
4303 }
4304 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:51 */
4305 .x-input-checkbox,
4306 .x-input-radio {
4307     visibility: hidden;
4308 }
4309 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:56 */
4310 .x-input-el:checked + .x-field-mask::after {
4311     visibility: visible;
4312 }
4313 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:61 */
4314 .x-item-disabled.x-field-checkbox .x-field-mask::before,
4315 .x-item-disabled.x-field-radio .x-field-mask::before {
4316     border-color: #3a3a3a;
4317 }
4318 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Checkbox.scss:66 */
4319 .x-item-disabled.x-field-checkbox .x-input-el:checked + .x-field-mask::after {
4320     text-shadow: none;
4321     color: #5b5b5b;
4322 }
4323 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:5 */
4324 .x-picker {
4325     /**
4326  * @class Ext.picker.Picker
4327  */
4328     background: #323232;
4329 }
4330 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:9 */
4331 .x-picker .x-dock-body {
4332     padding: 15px;
4333 }
4334 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:13 */
4335 .x-picker-bar {
4336     border-top: 2px solid #4abce7;
4337     border-bottom: 2px solid #4abce7;
4338     height: 50px;
4339     -webkit-box-shadow: 0 0 0 61px rgba(50, 50, 50, 0.8);
4340     -moz-box-shadow: 0 0 0 61px rgba(50, 50, 50, 0.8);
4341     box-shadow: 0 0 0 61px rgba(50, 50, 50, 0.8);
4342 }
4343 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:22 */
4344 .x-use-titles .x-picker-bar {
4345     margin-top: 55px;
4346 }
4347 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:27 */
4348 .x-picker-slot-title {
4349     padding: 15px;
4350     border-bottom: 2px solid #4abce7;
4351     font-size: 20px;
4352     font-weight: normal;
4353     color: #4abce7;
4354 }
4355 /* http://localhost:1843/modern/theme-mountainview/sass/src/picker/Picker.scss:36 */
4356 .x-picker-slot .x-dataview-item {
4357     color: #fff;
4358     font-size: 16px;
4359     height: 50px;
4360     line-height: 50px;
4361     padding: 0 10px;
4362 }
4363 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Radio.scss:6 */
4364 .x-field-radio .x-field-mask::before,
4365 .x-field-radio .x-field-mask::after {
4366     -webkit-border-radius: 10px;
4367     -moz-border-radius: 10px;
4368     -ms-border-radius: 10px;
4369     -o-border-radius: 10px;
4370     border-radius: 10px;
4371 }
4372 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Radio.scss:11 */
4373 .x-field-radio .x-field-mask::after {
4374     content: '';
4375     width: 10px;
4376     height: 10px;
4377     right: 5px;
4378     margin-top: -5px;
4379     border: transparent;
4380 }
4381 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Radio.scss:21 */
4382 .x-field-radio .x-input-el:checked + .x-field-mask::after {
4383     background: #4abce7;
4384     -webkit-box-shadow: 0 0 3px 2px rgba(74, 188, 231, 0.6);
4385     -moz-box-shadow: 0 0 3px 2px rgba(74, 188, 231, 0.6);
4386     box-shadow: 0 0 3px 2px rgba(74, 188, 231, 0.6);
4387 }
4388 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Radio.scss:27 */
4389 .x-item-disabled.x-field-radio .x-input-el:checked + .x-field-mask::after {
4390     text-shadow: none;
4391     background: #5b5b5b;
4392     -webkit-box-shadow: none;
4393     -moz-box-shadow: none;
4394     box-shadow: none;
4395 }
4396 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Select.scss:5 */
4397 .x-panel.x-select-overlay {
4398     /**
4399  * @class Ext.field.Select
4400  */
4401     background: #323232;
4402 }
4403 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Select.scss:8 */
4404 .x-panel.x-select-overlay > .x-panel-inner {
4405     overflow: hidden;
4406     background: #323232;
4407 }
4408 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Select.scss:13 */
4409 .x-panel.x-select-overlay .x-list {
4410     background: transparent !important;
4411 }
4412 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Select.scss:17 */
4413 .x-panel.x-select-overlay .x-list-item {
4414     color: #fff;
4415 }
4416 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:8 */
4417 .x-slider,
4418 .x-toggle {
4419     height: 34px;
4420     overflow: hidden;
4421 }
4422 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:14 */
4423 .x-slider.x-item-disabled {
4424     opacity: 0.6;
4425 }
4426 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:18 */
4427 .x-thumb {
4428     height: 34px;
4429     width: 30px;
4430     background: transparent none;
4431     border: 0;
4432 }
4433 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:25 */
4434 .x-thumb:after {
4435     content: '';
4436     position: absolute;
4437     width: 8px;
4438     height: 8px;
4439     top: 14px;
4440     left: 8px;
4441     -webkit-border-radius: 8px;
4442     -moz-border-radius: 8px;
4443     -ms-border-radius: 8px;
4444     -o-border-radius: 8px;
4445     border-radius: 8px;
4446     -webkit-box-shadow: 0 0 0 8px rgba(74, 188, 231, 0.5);
4447     -moz-box-shadow: 0 0 0 8px rgba(74, 188, 231, 0.5);
4448     box-shadow: 0 0 0 8px rgba(74, 188, 231, 0.5);
4449     background: #4abce7;
4450 }
4451 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:32 */
4452 .x-thumb:before {
4453     content: '';
4454     position: absolute;
4455     width: 5000px;
4456     height: 3px;
4457     top: 17px;
4458     left: -4985px;
4459     background: #4abce7;
4460 }
4461 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:37 */
4462 .x-thumb.x-dragging {
4463     opacity: 1;
4464 }
4465 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:44 */
4466 .x-slider-multiple .x-thumb:before {
4467     background: transparent;
4468 }
4469 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Slider.scss:51 */
4470 .x-slider:before {
4471     content: '';
4472     position: absolute;
4473     width: auto;
4474     height: 3px;
4475     top: 17px;
4476     left: 0;
4477     background: #5b5b5b;
4478 }
4479 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Slider.scss:7 */
4480 .x-slider-field .x-component-outer,
4481 .x-toggle-field .x-component-outer {
4482     /**
4483  * @class Ext.field.Slider
4484  */
4485     padding: 0.3em;
4486 }
4487 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Spinner.scss:2 */
4488 .x-spinner .x-spinner-button {
4489     margin-top: 0.25em;
4490     margin-bottom: 0.25em;
4491     width: 2em;
4492     border: 0 !important;
4493     background: #5b5b5b;
4494     -webkit-border-radius: 26px;
4495     -moz-border-radius: 26px;
4496     -ms-border-radius: 26px;
4497     -o-border-radius: 26px;
4498     border-radius: 26px;
4499     width: 26px;
4500     height: 26px;
4501     margin: 7px 7px 0 0;
4502     color: #fff;
4503     font-weight: bold;
4504     font-size: 26px;
4505     line-height: 24px;
4506 }
4507 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Spinner.scss:17 */
4508 .x-spinner .x-spinner-button.x-button-pressed {
4509     background: #4abce7;
4510 }
4511 /* http://localhost:1843/modern/theme-mountainview/sass/src/field/Spinner.scss:23 */
4512 .x-spinner.x-item-disabled .x-spinner-button {
4513     background: #3a3a3a;
4514     color: #b3b3b3 !important;
4515 }
4516 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:5 */
4517 .x-toggle {
4518     width: 90px;
4519     height: 22px;
4520     border: 1px solid #3a3a3a;
4521     background: #3a3a3a;
4522 }
4523 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:14 */
4524 .x-toggle .x-thumb {
4525     width: 45px;
4526     height: 22px;
4527 }
4528 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:18 */
4529 .x-toggle .x-thumb.x-dragging {
4530     opacity: 1;
4531 }
4532 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:22 */
4533 .x-toggle .x-thumb:after {
4534     background: #5b5b5b;
4535     -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
4536     -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
4537     box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
4538     top: 0;
4539     left: 0;
4540     width: 45px;
4541     height: 22px;
4542     border: 0;
4543 }
4544 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:32 */
4545 .x-toggle .x-thumb:before {
4546     width: auto;
4547     height: auto;
4548     position: absolute;
4549     top: 0;
4550     right: 0;
4551     bottom: 0;
4552     left: 0;
4553     background: transparent;
4554     content: 'OFF';
4555     color: #fff;
4556     text-align: center;
4557     z-index: 1;
4558     line-height: 21px;
4559 }
4560 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:46 */
4561 .x-toggle-on .x-thumb:after {
4562     background: #4abce7;
4563 }
4564 /* http://localhost:1843/modern/theme-mountainview/sass/src/slider/Toggle.scss:50 */
4565 .x-toggle-on .x-thumb:before {
4566     content: 'ON';
4567 }
4568 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/FieldSet.scss:5 */
4569 .x-form-fieldset {
4570     /**
4571  * @class Ext.form.FieldSet
4572  */
4573     background: #323232;
4574 }
4575 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/FieldSet.scss:8 */
4576 .x-form-fieldset .x-form-fieldset-inner {
4577     background: transparent;
4578     border: 0;
4579 }
4580 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/FieldSet.scss:14 */
4581 .x-form-fieldset-title {
4582     color: #4abce7;
4583     font-size: 13px;
4584     text-transform: uppercase;
4585     border-bottom: 2px solid #5b5b5b;
4586     color: #808183;
4587     padding: 0.3em;
4588     margin: 0 0.6em;
4589 }
4590 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/FieldSet.scss:22 */
4591 .x-form-fieldset-instructions {
4592     color: #808183;
4593     margin: 0.5em 0 1em;
4594     font-size: 0.8em;
4595 }
4596 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/Panel.scss:11 */
4597 .x-form-label {
4598     color: #4abce7;
4599     font-size: 13px;
4600     text-transform: uppercase;
4601     padding: 0.3em;
4602 }
4603 /* http://localhost:1843/modern/theme-mountainview/sass/src/form/Panel.scss:16 */
4604 .x-label-align-top .x-form-label {
4605     border-bottom: 1px solid #4abce7;
4606 }
4607 /* http://localhost:1843/modern/theme-mountainview/sass/src/grid/Grid.scss:1 */
4608 .x-grid .x-grid-header {
4609     color: #808183;
4610     font-size: 12pt;
4611     font-weight: bold;
4612     text-transform: uppercase;
4613     background: transparent;
4614     padding: 15px 5px 5px;
4615     border-bottom: 1px solid;
4616 }
4617 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:1 */
4618 .x-tabbar {
4619     min-height: 3.2em;
4620     background: #323232;
4621     border: 0 !important;
4622     border-width: 0 !important;
4623 }
4624 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:8 */
4625 .x-tab {
4626     height: 3.2em;
4627     padding: 0 1em;
4628     border: 0;
4629     background: #3a3a3a;
4630     -webkit-box-orient: vertical;
4631     -ms-flex-direction: column;
4632     flex-direction: column;
4633 }
4634 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:15 */
4635 .x-tab .x-button-label,
4636 .x-tab .x-badge {
4637     font-size: 10pt;
4638     text-transform: uppercase;
4639     font-weight: bold;
4640     line-height: 3.5em;
4641 }
4642 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:22 */
4643 .x-tab .x-button-icon {
4644     display: block;
4645     width: 1.5em;
4646     height: 1.5em;
4647     margin: 2px auto 0;
4648 }
4649 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:28 */
4650 .x-tab .x-button-icon:before {
4651     color: #fff;
4652 }
4653 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:42 */
4654 .x-tab-icon .x-button-label,
4655 .x-tab-icon .x-badge {
4656     line-height: 1.2em;
4657 }
4658 /* http://localhost:1843/modern/theme-mountainview/sass/src/tab/Panel.scss:47 */
4659 .x-tab-active {
4660     -webkit-box-shadow: inset 0 -5px 0 0 #4abce7;
4661     -moz-box-shadow: inset 0 -5px 0 0 #4abce7;
4662     box-shadow: inset 0 -5px 0 0 #4abce7;
4663 }