/**
 * @class Global_CSS
 *
 * Global CSS variables and mixins of Sencha Touch.
 */
/**
 * @var {boolean} $include-html-style
 * Optionally remove included HTML styles/typography (for components with styleHtmlContent: true).
 * Styles are scoped to .x-html. Set t o false to reduce CSS weight.
 */
/**
 * @var {boolean} $include-default-icons
 * Optionally remove the default icon set which includes the following toolbar and tab bar icons: action,
 * add, arrow_down, arrow_left, arrow_right, arrow_up, bookmarks, compose, delete, download, favorites,
 * home, info, locate, maps, more, organize, refresh, reply, search, settings, star, team, time, trash,
 * and user. Set to false to reduce CSS weight.
 */
/**
 * @var {boolean} $include-form-sliders
 * Decides if default HTML styles are included (for components with styleHtmlContent: true). Class is applied to .x-html.
 */
/**
 * @var {boolean} $include-floating-panels
 * Decides whether or not to include floating panels (useful to disable for iPhone applications which do not typically have floating menus).
 */
/**
 * @var {boolean} $include-default-uis
 * Decides whether or not to include the default UIs for all components.
 */
/**
 * @var {color} $active-color
 * Color used for elements like selected rows, "action" UIs (eg. on buttons) and certain overlays like the picker mask.
 */
/**
 * @var {color} $page-bg-color
 * Background color for fullscreen components.
 */
/**
 * @var {measurement} $global-row-height
 * The minimum row height for items like toolbars.
 */
/**
 * @var {measurement} $global-row-height
 * The minimum row height for items like toolbars.
 */
/**
 * theme settings
 */
/**
 * color styles
 */
/**
 * @var {color} $base-color
 * The primary color variable from which most elements derive their color scheme.
 */
/**
* font sizes
*/
/**
 * Background noise recipe
 * 
 * This recipe use a sass function to generate a .png file
 * 
 * Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
 * @link https://github.com/DanielRapp/Noisy
 * 
 * Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
 * @link https://gist.github.com/1021332
 * 
 * Ported to a sass gem by Antti Salonen @antsa
 * @link https://github.com/antsa/sassy_noise
 * 
 * Mixin:        background-noise
 * Function:     background_noise
 * 
 * @author Daniel Rapp @DanielRapp
 * @author Aaron Russell @aaronrussell
 * @author Philipp Bosch @philippbosch
 * @author Antti Salonen @antsa
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 *
 * @class Gradients
 * @author David Kaneda http://www.davidkaneda.com/
 *
 */
/**
 * Adds a background gradient into a specified selector.
 *
 *     @include background-gradient(#444, 'glossy');
 *
 * You can also use color-stops if you want full control of the gradient:
 *
 *     @include background-gradient(#444, color-stops(#333, #222, #111));
 *
 * @param {color} $bg-color
 * The base color of the gradient.
 *
 * @param {string/list} $type
 * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
 *
 *     @include background-gradient(red, 'glossy');
 *
 * It can also accept a list of color-stop values:;
 *
 *     @include background-gradient(black, color-stops(#333, #111, #000));
 *
 * @param {string} $direction
 * The direction of the gradient.
 */
/**
 * Blueprint grid background pattern
 * 
 * @link http://lea.verou.me/css3patterns/#blueprint-grid
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
 */
/**
 * Background overlay inspired by Google Chrome modal overlay
 * 
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */
/**
 * Striped background pattern
 * 
 * @link http://lea.verou.me/css3patterns/
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin
 */
/**
 *
 * Before compass 0.11.5, you need to add
 * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
 * To your configuration (config.rb)
 * @see https://github.com/chriseppstein/compass/issues/401
 *
 * @link http://lea.verou.me/css3patterns/#tartan
 *
 * @author Marta Armada http://swwweet.com/ for the original pattern
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
 */
/**
 * Carbon Fiber background pattern
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
 *
 * @link http://lea.verou.me/css3patterns/
 *
 */
/**
 * Striped background patterns
 *
 * Before compass 0.11.5, you need to add
 * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
 * To your configuration (config.rb)
 * @see https://github.com/chriseppstein/compass/issues/401
 *
 * @link http://lea.verou.me/css3patterns/#horizontal-stripes
 * @link http://lea.verou.me/css3patterns/#vertical-stripes
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 * Cicada background pattern
 *
 * @link http://lea.verou.me/css3patterns/#cicada-stripes
 *
 * @author Randy Merril http://forthedeveloper.com/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 *
 * Tablecloth background pattern
 *
 * @link http://lea.verou.me/css3patterns/#tablecloth
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 * Lined paper background pattern
 *
 * @link http://lea.verou.me/css3patterns/#lined-paper
 *
 * @author Sarah Backhouse http://www.jadu.net/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 * Madras background pattern
 *
 * Before compass 0.11.5, you need to add
 * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
 * To your configuration (config.rb)
 * @see https://github.com/chriseppstein/compass/issues/401
 *
 * @link http://lea.verou.me/css3patterns/#madras
 *
 * @author Divya Manian http://nimbupani.com/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 * Checkerboard background pattern
 *
 * @link http://lea.verou.me/css3patterns/#checkerboard
 * @link http://lea.verou.me/css3patterns/#diagonal-checkerboard
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 *
 * Houndstooth background pattern
 *
 * @link http://lea.verou.me/css3patterns/#houndstooth
 *
 * @author Antoine Bernier http://abernier.name for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 *
 * Polkadot background pattern
 *
 * @link http://lea.verou.me/css3patterns/#polka-dot
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
 */
/**
 *
 * @class Color
 * @author David Kaneda - http://www.davidkaneda.com
 *
 */
/**
 * Returns the brightness (out of 100) of a specified color.
 * @todo explain why this is useful
 * @param {color} $color The color you want the brightness value of
 * @return {measurement}
 */
/**
 * Returns the luminosity for a specified color
 * @param {color} The color to check
 * @return {measurement}
 */
/**
 * Returns the contrast ratio between two colors
 * @param {color1} The color to check
 * @return {measurement}
 */
/**
 * Colors the text of an element based on lightness of its background.
 *
 *     .my-element {
 *       @include color-by-background(#fff); // Colors text black.
 *     }
 *
 *     .my-element {
 *       @include color-by-background(#fff, 40%); // Colors text gray.
 *     }
 *
 * @param {color} $bg-color Background color of element.
 * @param {percent} $contrast Contrast of text color to its background.
 *
 */
/**
 * Includes a base64-encoded icon for use within tab bars and buttons (With the component parameter iconMask: true).
 *
 *     @include icon('attachment');
 *
 * @param {string} $name The name of the icon to be included. This is to match the name of the icon file (located at resources/themes/images/default/pictos) without its extention (.png).
 */
/**
 * Adds basic styles to :before or :after pseudo-elements.
 *
 *     .my-element:after {
 *       @include insertion(50px, 50px);
 *     }
 *
 * @param {measurement} $width Height of pseudo-element.
 * @param {measurement} $height Height of pseudo-element.
 * @param {measurement} $top Top positioning of pseudo-element.
 * @param {measurement} $left Left positioning of pseudo-element.
 *
 */
/**
 * Makes the element text overflow to use ellipsis.
 */
/**
 * @class Global_CSS
 */
/**
 * Includes the default styles for toolbar buttons, mostly used as a helper function.
 *
 * @param {color} $bg-color Base color to be used for the button.
 */
/**
 * Creates a background gradient for masked elements, based on the lightness of their background.
 *
 * @param {color} $bg-color Background color of element.
 * @param {percent} $percent Contrast of the new gradient to its background.
 * @param {percent} $style Gradient style of the gradient.
 * @see background-gradient
 *
 */
/**
* TextBlock styles
*/
/* line 1, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body {
  color: #111111;
}
/* line 4, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body input {
  font-family: "Segoe UI", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
/* line 10, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body h1,
body h2,
body h3 {
  font-family: "Segoe UI Light", "HelveticaNeue-light", Helvetica, Arial, sans-serif;
}
/* line 15, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body h4,
body h5 {
  font-family: "Segoe UI Semibold", "HelveticaNeue-bold", Helvetica, Arial, sans-serif;
}
/* line 19, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body h1 {
  font-size: 42pt;
  line-height: 50pt;
}
/* line 20, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body h2 {
  font-size: 20pt;
  line-height: 22pt;
}
/* line 21, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body h3 {
  font-size: 20pt;
  line-height: 22pt;
}
/* line 26, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body,
body h4,
body h5,
body p {
  font-size: 11pt;
  line-height: 16pt;
}
/* line 32, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
body,
body p {
  font-family: "Segoe UI Semilight", "HelveticaNeue-light", Helvetica, Arial, sans-serif;
}

/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_core.scss */
.x-layout-card-item {
  background: white;
}

/**
 * @class Ext.Toolbar
 */
/**
 * @var {color} $toolbar-base-color
 * The primary color variable from which toolbars derive their light and dark UIs.
 */
/**
 * @var {measurement} $toolbar-spacing
 * Space between items in a toolbar (like buttons and fields)
 */
/* line 17, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-toolbar {
  padding: 0 0.2em;
  margin-bottom: 0.2em;
  background-color: transparent;
  border-width: 0 !important;
}
/* line 23, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-toolbar.x-docked-left {
  width: 7em;
  padding: 0.2em;
}
/* line 28, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-toolbar.x-docked-right {
  width: 7em;
  padding: 0.2em;
}
/* line 33, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-toolbar.x-docked-bottom {
  background-color: white;
}

/* line 38, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-toolbar-inner {
  height: 100% !important;
}

/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_toolbar.scss */
.x-title {
  line-height: 32px;
  font-size: 24pt;
  color: #111111;
  text-align: left;
  margin: 0 0.3em;
  padding: 0 5px;
  font-weight: normal;
}

/**
 * @class Ext.carousel.Indicator
 */
/**
 * @var {measurement} $carousel-indicator-size Size (width/height) of carousel indicator dots.
 */
/**
 * @var {measurement} $carousel-indicator-spacing
 * Amount of space between carousel indicator dots.
 */
/**
 * @var {measurement} $carousel-track-size Size of the track the carousel indicator dots are in.
 */
/**
 * @class Ext.carousel.Carousel
 */
/* line 25, ../../../../resources/themes/stylesheets/sencha-touch/windows/_carousel.scss */
.x-carousel-indicator span {
  width: 0.5em;
  height: 0.5em;
  margin: 0.2em;
}

/* line 33, ../../../../resources/themes/stylesheets/sencha-touch/windows/_carousel.scss */
.x-carousel-indicator-light span,
.x-carousel-indicator-dark span {
  background-color: #dddddd;
}
/* line 36, ../../../../resources/themes/stylesheets/sencha-touch/windows/_carousel.scss */
.x-carousel-indicator-light span.x-carousel-indicator-active,
.x-carousel-indicator-dark span.x-carousel-indicator-active {
  background-color: #2672ec;
}

/* line 5, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel.x-floating,
.x-msgbox,
.x-form.x-floating {
  background-color: #fff;
}

/* line 99, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent,
.x-nested-list-accent,
.x-list-accent,
.x-container-accent {
  background-color: #2672ec;
}
/* line 103, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-title,
.x-nested-list-accent .x-title,
.x-list-accent .x-title,
.x-container-accent .x-title {
  color: #fff;
}
/* line 109, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-button-back,
.x-panel-accent .x-button-forward,
.x-nested-list-accent .x-button-back,
.x-nested-list-accent .x-button-forward,
.x-list-accent .x-button-back,
.x-list-accent .x-button-forward,
.x-container-accent .x-button-back,
.x-container-accent .x-button-forward {
  border-color: #fff !important;
}
/* line 112, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-button-back:before,
.x-panel-accent .x-button-forward:before,
.x-nested-list-accent .x-button-back:before,
.x-nested-list-accent .x-button-forward:before,
.x-list-accent .x-button-back:before,
.x-list-accent .x-button-forward:before,
.x-container-accent .x-button-back:before,
.x-container-accent .x-button-forward:before {
  color: #fff;
}
/* line 116, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-button-back.x-button-pressing,
.x-panel-accent .x-button-forward.x-button-pressing,
.x-nested-list-accent .x-button-back.x-button-pressing,
.x-nested-list-accent .x-button-forward.x-button-pressing,
.x-list-accent .x-button-back.x-button-pressing,
.x-list-accent .x-button-forward.x-button-pressing,
.x-container-accent .x-button-back.x-button-pressing,
.x-container-accent .x-button-forward.x-button-pressing {
  background: #fff !important;
}
/* line 119, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-button-back.x-button-pressing:before,
.x-panel-accent .x-button-forward.x-button-pressing:before,
.x-nested-list-accent .x-button-back.x-button-pressing:before,
.x-nested-list-accent .x-button-forward.x-button-pressing:before,
.x-list-accent .x-button-back.x-button-pressing:before,
.x-list-accent .x-button-forward.x-button-pressing:before,
.x-container-accent .x-button-back.x-button-pressing:before,
.x-container-accent .x-button-forward.x-button-pressing:before {
  color: #2672ec;
}
/* line 126, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-list-item-body,
.x-nested-list-accent .x-list-item-body,
.x-list-accent .x-list-item-body,
.x-container-accent .x-list-item-body {
  color: #fff;
}
/* line 131, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-item-pressed .x-dock-horizontal .x-dock-body,
.x-nested-list-accent .x-item-pressed .x-dock-horizontal .x-dock-body,
.x-list-accent .x-item-pressed .x-dock-horizontal .x-dock-body,
.x-container-accent .x-item-pressed .x-dock-horizontal .x-dock-body {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 134, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-item-pressed .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-nested-list-accent .x-item-pressed .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-list-accent .x-item-pressed .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-container-accent .x-item-pressed .x-dock-horizontal .x-dock-body .x-list-item-body {
  color: #fff !important;
}
/* line 141, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-item-selected .x-dock-horizontal .x-dock-body,
.x-nested-list-accent .x-item-selected .x-dock-horizontal .x-dock-body,
.x-list-accent .x-item-selected .x-dock-horizontal .x-dock-body,
.x-container-accent .x-item-selected .x-dock-horizontal .x-dock-body {
  background-color: #fff !important;
}
/* line 144, ../../../../resources/themes/stylesheets/sencha-touch/windows/_panel.scss */
.x-panel-accent .x-item-selected .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-nested-list-accent .x-item-selected .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-list-accent .x-item-selected .x-dock-horizontal .x-dock-body .x-list-item-body,
.x-container-accent .x-item-selected .x-dock-horizontal .x-dock-body .x-list-item-body {
  color: #2672ec !important;
}

/**
 * @class Ext.Sheet
 */
/**
 * @var {color} $sheet-bg-color
 * Background-color for action sheets and message boxes.
 */
/**
 * @var {measurement} $sheet-button-spacing
 * Vertical spacing between sheet buttons.
 */
/**
 * @var {measurement} $sheet-padding
 * Overall padding in a sheet.
 */
/**
 * Includes default sheet styles (also required for message box).
 */
/* line 26, ../../../../resources/themes/stylesheets/sencha-touch/windows/_sheet.scss */
.x-sheet, .x-sheet-action {
  padding: 0em;
  background-color: #1f1f1f;
}

/* line 33, ../../../../resources/themes/stylesheets/sencha-touch/windows/_sheet.scss */
.x-sheet-inner > .x-button,
.x-sheet-action-inner > .x-button {
  margin-bottom: 0.5em;
}
/* line 36, ../../../../resources/themes/stylesheets/sencha-touch/windows/_sheet.scss */
.x-sheet-inner > .x-button:last-child,
.x-sheet-action-inner > .x-button:last-child {
  margin-bottom: 0;
}

/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_sheet.scss */
.x-sheet-action {
  padding: 1.2em;
}

/**
 * Includes default message box styles.
 *
 * @member Ext.MessageBox
 */
/* line 7, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox {
  max-height: 90%;
  width: 100%;
  padding: 10px;
  border: 0;
  margin: 0;
  max-width: 100%;
}
/* line 15, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox > .x-dock {
  max-width: 600px;
  margin: 0 auto;
}
/* line 21, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-msgbox-buttons .x-toolbar-inner {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
}
/* line 26, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-title {
  padding: 0 !important;
}
/* line 31, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-icon {
  margin: 0 0.8em 0 0.5em;
  background: #fff;
  -webkit-mask-size: 100%;
}
/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-msgbox .x-msgbox-info .x-tab .x-button-icon.info:before,
.x-msgbox .x-msgbox-info .x-button .x-button-icon.info:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "i";
}
/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-msgbox .x-msgbox-warning .x-tab .x-button-icon.warning_black:before,
.x-msgbox .x-msgbox-warning .x-button .x-button-icon.warning_black:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "!";
}
/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-msgbox .x-msgbox-question .x-tab .x-button-icon.help:before,
.x-msgbox .x-msgbox-question .x-button .x-button-icon.help:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "?";
}
/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-msgbox .x-msgbox-error .x-tab .x-button-icon.minus_black2:before,
.x-msgbox .x-msgbox-error .x-button .x-button-icon.minus_black2:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "minus_black2";
  color: red !important;
}
/* line 53, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-title {
  font-size: 17pt;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0;
}
/* line 64, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-field {
  margin-bottom: 1.2em;
  min-height: 2em;
  background: #fff;
}
/* line 70, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox .x-form-field {
  min-height: 1.5em;
  padding-right: 0 !important;
  -webkit-appearance: none;
}

/* line 77, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox-title {
  padding: 0 !important;
}

/* line 81, ../../../../resources/themes/stylesheets/sencha-touch/windows/_msgbox.scss */
.x-msgbox-text {
  padding: 10px 0;
  text-align: left;
  line-height: 1.4em;
}

/* line 8, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-sheet.x-picker .x-toolbar {
  background-color: #1f1f1f;
  padding-top: .5em;
}

/* line 14, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-sheet.x-picker .x-sheet-inner {
  background-color: #1f1f1f;
  margin: 0em;
}
/* line 19, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-sheet.x-picker .x-sheet-inner .x-picker-slot .x-body {
  border-left: 1px solid #999999;
  border-right: 1px solid #ACACAC;
}
/* line 25, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-sheet.x-picker .x-sheet-inner .x-picker-slot.x-first .x-body {
  border-left: 0;
}
/* line 31, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-sheet.x-picker .x-sheet-inner .x-picker-slot.x-last .x-body {
  border-left: 0;
  border-right: 0;
}

/* line 39, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-bar {
  display: none;
}

/* line 44, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-use-titles .x-picker-bar {
  margin-top: 1.5em;
}

/* line 49, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot-title {
  position: relative;
  z-index: 2;
  background-color: #1f1f1f;
}
/* line 54, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot-title > div {
  font-weight: 700;
  margin-left: 10px !important;
  font-size: 11pt;
  text-transform: uppercase;
  color: #111111;
}

/* line 66, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot .x-dataview-item {
  height: 2.5em;
  font-weight: normal;
  padding: 0 10px;
  color: #111111;
}
/* line 72, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot .x-dataview-item.x-item-selected {
  color: #2672ec;
  font-weight: normal;
}
/* line 78, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot .x-picker-item {
  font-size: 17pt;
}
/* line 81, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-slot .x-picker-item:active {
  color: #2672ec;
}

/* line 87, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-ie .x-picker-item {
  cursor: default;
}

/* line 92, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-ie .x-picker .x-button {
  -ms-flex: 1;
  max-width: 50%;
}

/* line 98, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-right {
  text-align: right;
}

/* line 101, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-center {
  text-align: center;
}

/* line 104, ../../../../resources/themes/stylesheets/sencha-touch/windows/_picker.scss */
.x-picker-left {
  text-align: left;
}

/**
 * @class Ext.tab.Bar
 */
/* line 10, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tab {
  background-color: transparent;
  border: 0;
  color: #111111;
}
/* line 15, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tab.x-tab-active {
  color: #111111 !important;
}
/* line 21, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tab.x-item-disabled span.x-button-label,
.x-tab.x-item-disabled .x-button-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 26, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tab.x-draggable {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 30, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tab .x-button-label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar {
  background-color: transparent;
}
/* line 40, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top {
  border-bottom-width: 0;
}
/* line 44, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom {
  border-top-width: 0;
}

/* line 50, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top {
  height: 70px;
}
/* line 53, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top .x-tab {
  color: #dddddd;
  padding: .4em .8em;
}
/* line 57, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top .x-tab .x-button-label {
  font-size: 24pt;
  font-weight: normal;
  line-height: 1.2em;
}
/* line 63, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top .x-tab .x-badge {
  font-size: .6em;
  top: -0.5em;
}
/* line 68, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-top .x-tab.x-tab-icon {
  display: none;
}

/* line 75, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom {
  height: 90px;
}
/* line 78, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom .x-button-icon:before {
  font-size: 29px;
  line-height: 35px;
}
/* line 83, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom .x-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  padding: 0;
  min-width: auto;
  margin: 13px 20px 18px;
}
/* line 90, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom .x-tab .x-button-label {
  font-size: 12px;
  padding-top: 7px;
}
/* line 95, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar.x-docked-bottom .x-tab .x-button-icon {
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
  position: relative;
  border: 2px solid;
  border-radius: 42px;
}

/* line 108, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-top {
  background-color: #2672ec;
}
/* line 112, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-top .x-tab .x-button-label {
  color: #6ca0f2;
}
/* line 118, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-top .x-tab.x-tab-pressed .x-button-label, .x-tabbar-accent.x-docked-top .x-tab.x-tab-active .x-button-label {
  color: #fff;
}

/* line 125, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-top {
  background-color: #fff;
}
/* line 131, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-top .x-tab.x-tab-pressed .x-button-label, .x-tabbar-light.x-docked-top .x-tab.x-tab-active .x-button-label {
  color: #000;
}

/* line 138, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-top {
  background-color: #111;
}
/* line 142, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-top .x-tab .x-button-label {
  color: #666;
}
/* line 148, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-top .x-tab.x-tab-pressed .x-button-label, .x-tabbar-dark.x-docked-top .x-tab.x-tab-active .x-button-label {
  color: #fff;
}

/* line 155, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom {
  background-color: #2672ec;
}
/* line 158, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom .x-button-label {
  color: #fff;
}
/* line 162, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom .x-badge {
  background-color: #84aff4;
}
/* line 167, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom .x-tab .x-button-icon {
  color: #fff;
  border-color: #fff;
}
/* line 174, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon, .x-tabbar-accent.x-docked-bottom .x-tab.x-tab-active .x-button-icon {
  background-color: #fff;
}
/* line 177, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-accent.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon:before, .x-tabbar-accent.x-docked-bottom .x-tab.x-tab-active .x-button-icon:before {
  color: #000;
}

/* line 185, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-bottom {
  background-color: #111;
}
/* line 188, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-bottom .x-button-label {
  color: #fff;
}
/* line 193, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-bottom .x-tab .x-button-icon {
  color: #fff;
  border-color: #fff;
}
/* line 200, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon, .x-tabbar-dark.x-docked-bottom .x-tab.x-tab-active .x-button-icon {
  background-color: #fff;
}
/* line 203, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-dark.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon:before, .x-tabbar-dark.x-docked-bottom .x-tab.x-tab-active .x-button-icon:before {
  color: #000;
}

/* line 211, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom {
  background-color: #eee;
}
/* line 217, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom .x-tab .x-button-label {
  color: #000;
}
/* line 221, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom .x-tab .x-button-icon {
  border-color: #000;
}
/* line 224, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom .x-tab .x-button-icon:before {
  color: #000;
}
/* line 231, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon, .x-tabbar-light.x-docked-bottom .x-tab.x-tab-active .x-button-icon {
  background-color: #000;
  border-color: #000;
}
/* line 235, ../../../../resources/themes/stylesheets/sencha-touch/windows/_tab.scss */
.x-tabbar-light.x-docked-bottom .x-tab.x-tab-pressed .x-button-icon:before, .x-tabbar-light.x-docked-bottom .x-tab.x-tab-active .x-button-icon:before {
  color: #fff;
}

/**
 * @class Ext.Button
 */
/**
 * @var {measurement} $button-height Default height for buttons.
 */
/**
 * @var {measurement} $button-radius Default border-radius for buttons.
 */
/**
 * @var {measurement} $button-stroke-weight Default border width for buttons.
 */
/**
 * @var {string} $toolbar-icon-size Default size (width and height) for toolbar icons.
 */
/**
 * @var {boolean} $include-button-uis Optionally disable separate button UIs, including action, confirm, and decline.
 */
/* line 35, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: transparent;
  min-height: 1.8em;
  padding: .3em .6em .5em .6em;
}
/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button, .x-toolbar .x-button {
  border: 2px solid #111111;
  background-color: transparent;
}
/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-back:before, .x-button.x-button-forward:before, .x-toolbar .x-button.x-button-back:before, .x-toolbar .x-button.x-button-forward:before {
  background-color: transparent;
}
/* line 48, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button, .x-button.x-button-back:after, .x-button.x-button-forward:after, .x-toolbar .x-button, .x-toolbar .x-button.x-button-back:after, .x-toolbar .x-button.x-button-forward:after {
  background-color: transparent;
}
/* line 56, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-pressing, .x-button.x-button-pressing:after, .x-button.x-button-pressed, .x-button.x-button-pressed:after, .x-button.x-button-active, .x-button.x-button-active:after, .x-toolbar .x-button.x-button-pressing, .x-toolbar .x-button.x-button-pressing:after, .x-toolbar .x-button.x-button-pressed, .x-toolbar .x-button.x-button-pressed:after, .x-toolbar .x-button.x-button-active, .x-toolbar .x-button.x-button-active:after {
  color: transparent;
  background-color: #111111;
}
/* line 43, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button .x-button-icon {
  position: relative;
  width: 20px;
  height: 24px;
}
/* line 48, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button .x-button-icon:before {
  font-size: 24px;
  line-height: 22px;
}
/* line 66, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button.x-button-pressing,
.x-button.x-button-pressing .x-button-label,
.x-button.x-button-pressing .x-button-icon:before, .x-button.x-button-pressed,
.x-button.x-button-pressed .x-button-label,
.x-button.x-button-pressed .x-button-icon:before, .x-button.x-button-active,
.x-button.x-button-active .x-button-label,
.x-button.x-button-active .x-button-icon:before {
  color: white;
}

/* line 73, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-iconalign-left .x-button-label {
  margin-left: .6em;
}

/* line 76, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-iconalign-right .x-button-label {
  margin-right: .6em;
}

/* line 79, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-iconalign-top .x-button-label {
  margin-top: .6em;
}

/* line 82, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-iconalign-bottom .x-button-label {
  margin-bottom: .6em;
}

/* line 87, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-label {
  line-height: 1.2em;
  text-transform: lowercase;
}

/* line 93, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-toolbar .x-button {
  margin: 0 .2em;
  padding: .3em .6em;
}
/* line 97, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-toolbar .x-button .x-hasbadge .x-badge {
  line-height: 1.6em;
}

/* line 103, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-small, .x-button.x-button-action-small, .x-button.x-button-confirm-small, .x-button.x-button-decline-small,
.x-toolbar .x-button-small,
.x-toolbar .x-button.x-button-action-small,
.x-toolbar .x-button.x-button-confirm-small,
.x-toolbar .x-button.x-button-decline-small {
  padding: .2em .4em;
  min-height: 0;
}
/* line 107, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-small .x-button-label, .x-button.x-button-action-small .x-button-label, .x-button.x-button-confirm-small .x-button-label, .x-button.x-button-decline-small .x-button-label,
.x-toolbar .x-button-small .x-button-label,
.x-toolbar .x-button.x-button-action-small .x-button-label,
.x-toolbar .x-button.x-button-confirm-small .x-button-label,
.x-toolbar .x-button.x-button-decline-small .x-button-label {
  font-size: 10pt;
}

/* line 113, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-forward,
.x-button-back {
  position: relative;
  overflow: visible;
  z-index: 1;
  border-radius: 42px;
  min-width: 42px !important;
  min-height: 42px !important;
}
/* line 121, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-forward .x-button-label,
.x-button-back .x-button-label {
  display: none;
}
/* line 125, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-forward:before,
.x-button-back:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '[';
  font-family: 'Pictos';
  text-align: center;
  font-size: 29px;
  line-height: 37px;
  color: #111111;
}
/* line 136, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-forward.x-button-pressing:before,
.x-button-back.x-button-pressing:before {
  color: white;
}

/* line 143, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-button-forward:before {
  content: ']';
}

/* line 149, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-segmentedbutton .x-button {
  margin: 0;
}
/* line 152, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-segmentedbutton .x-button:not(.x-first) {
  border-left: 0;
}

/* line 158, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-hasbadge {
  overflow: visible;
}

/* line 162, ../../../../resources/themes/stylesheets/sencha-touch/windows/_button.scss */
.x-badge {
  border: 0;
  background-color: #2672ec;
  color: #fff;
  font-size: 9pt;
  min-width: 30px;
  right: -3px;
  top: -2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 2px;
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.calendar:before,
.x-button .x-button-icon.calendar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "\\";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.action:before,
.x-button .x-button-icon.action:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "R";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.add:before,
.x-button .x-button-icon.add:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "&";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.arrow_down:before,
.x-button .x-button-icon.arrow_down:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "}";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.arrow_left:before,
.x-button .x-button-icon.arrow_left:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "[";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.arrow_right:before,
.x-button .x-button-icon.arrow_right:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "]";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.arrow_up:before,
.x-button .x-button-icon.arrow_up:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "{";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.compose:before,
.x-button .x-button-icon.compose:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "W";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.delete:before,
.x-button .x-button-icon.delete:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "*";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.organize:before,
.x-button .x-button-icon.organize:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "I";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.refresh:before,
.x-button .x-button-icon.refresh:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "1";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.reply:before,
.x-button .x-button-icon.reply:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "R";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.search:before,
.x-button .x-button-icon.search:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "s";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.settings:before,
.x-button .x-button-icon.settings:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "y";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.star:before,
.x-button .x-button-icon.star:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "S";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.trash:before,
.x-button .x-button-icon.trash:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "#";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.maps:before,
.x-button .x-button-icon.maps:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "@";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.locate:before,
.x-button .x-button-icon.locate:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "@";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.home:before,
.x-button .x-button-icon.home:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "H";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.bookmarks:before,
.x-button .x-button-icon.bookmarks:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "I";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.download:before,
.x-button .x-button-icon.download:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "~";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.favorites:before,
.x-button .x-button-icon.favorites:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "S";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.info:before,
.x-button .x-button-icon.info:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "i";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.more:before,
.x-button .x-button-icon.more:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: ".";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.time:before,
.x-button .x-button-icon.time:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "t";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.user:before,
.x-button .x-button-icon.user:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "U";
}

/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-tab .x-button-icon.team:before,
.x-button .x-button-icon.team:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "g";
}

/**
 * Creates a theme UI for buttons.
 * Also automatically generates UIs for {ui-label}-round and {ui-label}-small.
 *
 *     // SCSS
 *     @include sencha-button-ui('secondary', #99A4AE, 'glossy');
 *
 *     // JS
 *     var cancelBtn = new Ext.Button({text: 'Cancel', ui: 'secondary'});
 *
 * @param {string} $ui-label The name of the UI being created.
 *   Can not included spaces or special punctuation (used in class names)
 * @param {color} $color Base color for the UI.
 */
/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-action, .x-toolbar .x-button.x-button-action,
.x-button.x-button-action-round, .x-toolbar
.x-button.x-button-action-round,
.x-button.x-button-action-small, .x-toolbar
.x-button.x-button-action-small {
  border: 2px solid #111111;
  background-color: "transparent";
}
/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-action.x-button-back:before, .x-button.x-button-action.x-button-forward:before, .x-toolbar .x-button.x-button-action.x-button-back:before, .x-toolbar .x-button.x-button-action.x-button-forward:before,
.x-button.x-button-action-round.x-button-back:before,
.x-button.x-button-action-round.x-button-forward:before, .x-toolbar
.x-button.x-button-action-round.x-button-back:before, .x-toolbar
.x-button.x-button-action-round.x-button-forward:before,
.x-button.x-button-action-small.x-button-back:before,
.x-button.x-button-action-small.x-button-forward:before, .x-toolbar
.x-button.x-button-action-small.x-button-back:before, .x-toolbar
.x-button.x-button-action-small.x-button-forward:before {
  background-color: "transparent";
}
/* line 48, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-action, .x-button.x-button-action.x-button-back:after, .x-button.x-button-action.x-button-forward:after, .x-toolbar .x-button.x-button-action, .x-toolbar .x-button.x-button-action.x-button-back:after, .x-toolbar .x-button.x-button-action.x-button-forward:after,
.x-button.x-button-action-round,
.x-button.x-button-action-round.x-button-back:after,
.x-button.x-button-action-round.x-button-forward:after, .x-toolbar
.x-button.x-button-action-round, .x-toolbar
.x-button.x-button-action-round.x-button-back:after, .x-toolbar
.x-button.x-button-action-round.x-button-forward:after,
.x-button.x-button-action-small,
.x-button.x-button-action-small.x-button-back:after,
.x-button.x-button-action-small.x-button-forward:after, .x-toolbar
.x-button.x-button-action-small, .x-toolbar
.x-button.x-button-action-small.x-button-back:after, .x-toolbar
.x-button.x-button-action-small.x-button-forward:after {
  background-color: "transparent";
}
/* line 56, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-action.x-button-pressing, .x-button.x-button-action.x-button-pressing:after, .x-button.x-button-action.x-button-pressed, .x-button.x-button-action.x-button-pressed:after, .x-button.x-button-action.x-button-active, .x-button.x-button-action.x-button-active:after, .x-toolbar .x-button.x-button-action.x-button-pressing, .x-toolbar .x-button.x-button-action.x-button-pressing:after, .x-toolbar .x-button.x-button-action.x-button-pressed, .x-toolbar .x-button.x-button-action.x-button-pressed:after, .x-toolbar .x-button.x-button-action.x-button-active, .x-toolbar .x-button.x-button-action.x-button-active:after,
.x-button.x-button-action-round.x-button-pressing,
.x-button.x-button-action-round.x-button-pressing:after,
.x-button.x-button-action-round.x-button-pressed,
.x-button.x-button-action-round.x-button-pressed:after,
.x-button.x-button-action-round.x-button-active,
.x-button.x-button-action-round.x-button-active:after, .x-toolbar
.x-button.x-button-action-round.x-button-pressing, .x-toolbar
.x-button.x-button-action-round.x-button-pressing:after, .x-toolbar
.x-button.x-button-action-round.x-button-pressed, .x-toolbar
.x-button.x-button-action-round.x-button-pressed:after, .x-toolbar
.x-button.x-button-action-round.x-button-active, .x-toolbar
.x-button.x-button-action-round.x-button-active:after,
.x-button.x-button-action-small.x-button-pressing,
.x-button.x-button-action-small.x-button-pressing:after,
.x-button.x-button-action-small.x-button-pressed,
.x-button.x-button-action-small.x-button-pressed:after,
.x-button.x-button-action-small.x-button-active,
.x-button.x-button-action-small.x-button-active:after, .x-toolbar
.x-button.x-button-action-small.x-button-pressing, .x-toolbar
.x-button.x-button-action-small.x-button-pressing:after, .x-toolbar
.x-button.x-button-action-small.x-button-pressed, .x-toolbar
.x-button.x-button-action-small.x-button-pressed:after, .x-toolbar
.x-button.x-button-action-small.x-button-active, .x-toolbar
.x-button.x-button-action-small.x-button-active:after {
  color: "transparent";
  background-color: #111111;
}

/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-confirm, .x-toolbar .x-button.x-button-confirm,
.x-button.x-button-confirm-round, .x-toolbar
.x-button.x-button-confirm-round,
.x-button.x-button-confirm-small, .x-toolbar
.x-button.x-button-confirm-small {
  border: 2px solid #111111;
  background-color: "transparent";
}
/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-confirm.x-button-back:before, .x-button.x-button-confirm.x-button-forward:before, .x-toolbar .x-button.x-button-confirm.x-button-back:before, .x-toolbar .x-button.x-button-confirm.x-button-forward:before,
.x-button.x-button-confirm-round.x-button-back:before,
.x-button.x-button-confirm-round.x-button-forward:before, .x-toolbar
.x-button.x-button-confirm-round.x-button-back:before, .x-toolbar
.x-button.x-button-confirm-round.x-button-forward:before,
.x-button.x-button-confirm-small.x-button-back:before,
.x-button.x-button-confirm-small.x-button-forward:before, .x-toolbar
.x-button.x-button-confirm-small.x-button-back:before, .x-toolbar
.x-button.x-button-confirm-small.x-button-forward:before {
  background-color: "transparent";
}
/* line 48, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-confirm, .x-button.x-button-confirm.x-button-back:after, .x-button.x-button-confirm.x-button-forward:after, .x-toolbar .x-button.x-button-confirm, .x-toolbar .x-button.x-button-confirm.x-button-back:after, .x-toolbar .x-button.x-button-confirm.x-button-forward:after,
.x-button.x-button-confirm-round,
.x-button.x-button-confirm-round.x-button-back:after,
.x-button.x-button-confirm-round.x-button-forward:after, .x-toolbar
.x-button.x-button-confirm-round, .x-toolbar
.x-button.x-button-confirm-round.x-button-back:after, .x-toolbar
.x-button.x-button-confirm-round.x-button-forward:after,
.x-button.x-button-confirm-small,
.x-button.x-button-confirm-small.x-button-back:after,
.x-button.x-button-confirm-small.x-button-forward:after, .x-toolbar
.x-button.x-button-confirm-small, .x-toolbar
.x-button.x-button-confirm-small.x-button-back:after, .x-toolbar
.x-button.x-button-confirm-small.x-button-forward:after {
  background-color: "transparent";
}
/* line 56, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-confirm.x-button-pressing, .x-button.x-button-confirm.x-button-pressing:after, .x-button.x-button-confirm.x-button-pressed, .x-button.x-button-confirm.x-button-pressed:after, .x-button.x-button-confirm.x-button-active, .x-button.x-button-confirm.x-button-active:after, .x-toolbar .x-button.x-button-confirm.x-button-pressing, .x-toolbar .x-button.x-button-confirm.x-button-pressing:after, .x-toolbar .x-button.x-button-confirm.x-button-pressed, .x-toolbar .x-button.x-button-confirm.x-button-pressed:after, .x-toolbar .x-button.x-button-confirm.x-button-active, .x-toolbar .x-button.x-button-confirm.x-button-active:after,
.x-button.x-button-confirm-round.x-button-pressing,
.x-button.x-button-confirm-round.x-button-pressing:after,
.x-button.x-button-confirm-round.x-button-pressed,
.x-button.x-button-confirm-round.x-button-pressed:after,
.x-button.x-button-confirm-round.x-button-active,
.x-button.x-button-confirm-round.x-button-active:after, .x-toolbar
.x-button.x-button-confirm-round.x-button-pressing, .x-toolbar
.x-button.x-button-confirm-round.x-button-pressing:after, .x-toolbar
.x-button.x-button-confirm-round.x-button-pressed, .x-toolbar
.x-button.x-button-confirm-round.x-button-pressed:after, .x-toolbar
.x-button.x-button-confirm-round.x-button-active, .x-toolbar
.x-button.x-button-confirm-round.x-button-active:after,
.x-button.x-button-confirm-small.x-button-pressing,
.x-button.x-button-confirm-small.x-button-pressing:after,
.x-button.x-button-confirm-small.x-button-pressed,
.x-button.x-button-confirm-small.x-button-pressed:after,
.x-button.x-button-confirm-small.x-button-active,
.x-button.x-button-confirm-small.x-button-active:after, .x-toolbar
.x-button.x-button-confirm-small.x-button-pressing, .x-toolbar
.x-button.x-button-confirm-small.x-button-pressing:after, .x-toolbar
.x-button.x-button-confirm-small.x-button-pressed, .x-toolbar
.x-button.x-button-confirm-small.x-button-pressed:after, .x-toolbar
.x-button.x-button-confirm-small.x-button-active, .x-toolbar
.x-button.x-button-confirm-small.x-button-active:after {
  color: "transparent";
  background-color: #111111;
}

/* line 37, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-decline, .x-toolbar .x-button.x-button-decline,
.x-button.x-button-decline-round, .x-toolbar
.x-button.x-button-decline-round,
.x-button.x-button-decline-small, .x-toolbar
.x-button.x-button-decline-small {
  border: 2px solid #111111;
  background-color: "transparent";
}
/* line 42, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-decline.x-button-back:before, .x-button.x-button-decline.x-button-forward:before, .x-toolbar .x-button.x-button-decline.x-button-back:before, .x-toolbar .x-button.x-button-decline.x-button-forward:before,
.x-button.x-button-decline-round.x-button-back:before,
.x-button.x-button-decline-round.x-button-forward:before, .x-toolbar
.x-button.x-button-decline-round.x-button-back:before, .x-toolbar
.x-button.x-button-decline-round.x-button-forward:before,
.x-button.x-button-decline-small.x-button-back:before,
.x-button.x-button-decline-small.x-button-forward:before, .x-toolbar
.x-button.x-button-decline-small.x-button-back:before, .x-toolbar
.x-button.x-button-decline-small.x-button-forward:before {
  background-color: "transparent";
}
/* line 48, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-decline, .x-button.x-button-decline.x-button-back:after, .x-button.x-button-decline.x-button-forward:after, .x-toolbar .x-button.x-button-decline, .x-toolbar .x-button.x-button-decline.x-button-back:after, .x-toolbar .x-button.x-button-decline.x-button-forward:after,
.x-button.x-button-decline-round,
.x-button.x-button-decline-round.x-button-back:after,
.x-button.x-button-decline-round.x-button-forward:after, .x-toolbar
.x-button.x-button-decline-round, .x-toolbar
.x-button.x-button-decline-round.x-button-back:after, .x-toolbar
.x-button.x-button-decline-round.x-button-forward:after,
.x-button.x-button-decline-small,
.x-button.x-button-decline-small.x-button-back:after,
.x-button.x-button-decline-small.x-button-forward:after, .x-toolbar
.x-button.x-button-decline-small, .x-toolbar
.x-button.x-button-decline-small.x-button-back:after, .x-toolbar
.x-button.x-button-decline-small.x-button-forward:after {
  background-color: "transparent";
}
/* line 56, ../../../../resources/themes/stylesheets/sencha-touch/windows/_mixins.scss */
.x-button.x-button-decline.x-button-pressing, .x-button.x-button-decline.x-button-pressing:after, .x-button.x-button-decline.x-button-pressed, .x-button.x-button-decline.x-button-pressed:after, .x-button.x-button-decline.x-button-active, .x-button.x-button-decline.x-button-active:after, .x-toolbar .x-button.x-button-decline.x-button-pressing, .x-toolbar .x-button.x-button-decline.x-button-pressing:after, .x-toolbar .x-button.x-button-decline.x-button-pressed, .x-toolbar .x-button.x-button-decline.x-button-pressed:after, .x-toolbar .x-button.x-button-decline.x-button-active, .x-toolbar .x-button.x-button-decline.x-button-active:after,
.x-button.x-button-decline-round.x-button-pressing,
.x-button.x-button-decline-round.x-button-pressing:after,
.x-button.x-button-decline-round.x-button-pressed,
.x-button.x-button-decline-round.x-button-pressed:after,
.x-button.x-button-decline-round.x-button-active,
.x-button.x-button-decline-round.x-button-active:after, .x-toolbar
.x-button.x-button-decline-round.x-button-pressing, .x-toolbar
.x-button.x-button-decline-round.x-button-pressing:after, .x-toolbar
.x-button.x-button-decline-round.x-button-pressed, .x-toolbar
.x-button.x-button-decline-round.x-button-pressed:after, .x-toolbar
.x-button.x-button-decline-round.x-button-active, .x-toolbar
.x-button.x-button-decline-round.x-button-active:after,
.x-button.x-button-decline-small.x-button-pressing,
.x-button.x-button-decline-small.x-button-pressing:after,
.x-button.x-button-decline-small.x-button-pressed,
.x-button.x-button-decline-small.x-button-pressed:after,
.x-button.x-button-decline-small.x-button-active,
.x-button.x-button-decline-small.x-button-active:after, .x-toolbar
.x-button.x-button-decline-small.x-button-pressing, .x-toolbar
.x-button.x-button-decline-small.x-button-pressing:after, .x-toolbar
.x-button.x-button-decline-small.x-button-pressed, .x-toolbar
.x-button.x-button-decline-small.x-button-pressed:after, .x-toolbar
.x-button.x-button-decline-small.x-button-active, .x-toolbar
.x-button.x-button-decline-small.x-button-active:after {
  color: "transparent";
  background-color: #111111;
}

/**
 * @var {color} $form-bg-color
 * Default background-color for forms.
 *
 * @member Ext.form.Panel
 */
/**
 * @class Ext.field.Field
 */
/**
 * @var {color} $form-field-bg-color
 * Default background-color for form fields.
 */
/**
 * @var {color} $form-light
 * Light color for form fields, mostly used on field borders.
 */
/**
 * @var {color} $form-dark
 * Dark color for form fields, mostly used on labels/text.
 */
/**
 * @var {measurement} $form-label-width
 * Default width for form labels.
 */
/**
 * @var {color} $form-label-background-color
 * The default background color for labels
 */
/**
 * @var {measurement} $form-field-height
 * Default height for form fields.
 */
/**
 * @var {measurement} $form-spacing
 * Default spacing for form fields, used for padding, etc.
 */
/**
 * @var {measurement} $form-textarea-height
 * Default height for form textareas.
 *
 * @member Ext.field.TextArea
 */
/**
 * @var {measurement} $form-fieldset-radius
 * Default border-radius for form fieldsets.
 *
 * @member Ext.form.FieldSet
 */
/**
 * Includes default form styles.
 *
 * @member Ext.form.Panel
 */
/* line 80, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-el {
  padding: .2em;
  min-height: 2.15em;
  border-width: 0;
  background: transparent;
  -webkit-appearance: none !important;
  -ms-appearance: none !important;
  appearance: none !important;
}

/* line 91, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled .x-input-el {
  color: #9f9f9f;
}

/* line 96, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-el:-ms-input-placeholder {
  color: #7a7a7a;
}

/* line 97, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-el::-webkit-input-placeholder {
  color: #7a7a7a;
}

/* line 98, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled .x-input-el::-webkit-input-placeholder {
  color: #bdbdbd;
}

/* line 99, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled .x-input-el:-ms-input-placeholder {
  color: #bdbdbd;
}

/* line 101, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field {
  margin: 10px 0;
}

/* line 106, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-label {
  color: #111111;
  padding: 0 10px 10px 0;
}
/* line 110, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-label span {
  font-size: 11pt;
  font-weight: normal;
}

/* line 118, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field .x-field-input {
  position: relative;
  min-width: 3.7em;
}
/* line 124, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field .x-field-input,
.x-field .x-input-el {
  width: 100%;
}

/* line 193, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-text .x-clear-icon,
.x-field-text .x-component-outer .x-input-el,
.x-field-textarea .x-clear-icon,
.x-field-textarea .x-component-outer .x-input-el,
.x-field-search .x-clear-icon,
.x-field-search .x-component-outer .x-input-el,
.x-spinner .x-clear-icon,
.x-spinner .x-component-outer .x-input-el,
.x-field-select .x-clear-icon,
.x-field-select .x-component-outer .x-input-el {
  background-color: white;
  border: 2px solid #bababa;
}
/* line 200, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-text.x-field-focused .x-clear-icon,
.x-field-text.x-field-focused .x-component-outer .x-input-el,
.x-field-textarea.x-field-focused .x-clear-icon,
.x-field-textarea.x-field-focused .x-component-outer .x-input-el,
.x-field-search.x-field-focused .x-clear-icon,
.x-field-search.x-field-focused .x-component-outer .x-input-el,
.x-spinner.x-field-focused .x-clear-icon,
.x-spinner.x-field-focused .x-component-outer .x-input-el,
.x-field-select.x-field-focused .x-clear-icon,
.x-field-select.x-field-focused .x-component-outer .x-input-el {
  background-color: white;
  border: 2px solid #5c5c5c;
}
/* line 208, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-text.x-item-disabled .x-clear-icon,
.x-field-text.x-item-disabled .x-component-outer .x-input-el,
.x-field-textarea.x-item-disabled .x-clear-icon,
.x-field-textarea.x-item-disabled .x-component-outer .x-input-el,
.x-field-search.x-item-disabled .x-clear-icon,
.x-field-search.x-item-disabled .x-component-outer .x-input-el,
.x-spinner.x-item-disabled .x-clear-icon,
.x-spinner.x-item-disabled .x-component-outer .x-input-el,
.x-field-select.x-item-disabled .x-clear-icon,
.x-field-select.x-item-disabled .x-component-outer .x-input-el {
  background-color: #eaeaea;
  border-color: #d9d9d9;
}

/* line 215, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-clear-icon {
  border-left: 0 !important;
}

/* line 337, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-textarea textarea {
  min-height: 6em;
  padding-top: .5em;
}

/* line 371, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-checkbox .x-field-mask,
.x-field-radio .x-field-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 374, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-checkbox .x-field-mask:before,
.x-field-radio .x-field-mask:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-color: white;
  border: 2px solid #bababa;
}

/* line 387, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-checkbox,
.x-input-radio {
  visibility: hidden;
}

/* line 391, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-checkbox:checked ~ .x-field-mask:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  text-align: center;
  font-family: 'Pictos';
  font-size: 26px;
  line-height: 36px;
  content: '3';
  color: #000;
}

/* line 405, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-radio .x-field-mask:before {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
}

/* line 410, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-input-radio:checked ~ .x-field-mask:after {
  position: absolute;
  content: '';
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background: #000;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
}

/* line 424, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled.x-field-checkbox .x-field-mask:before, .x-item-disabled.x-field-radio .x-field-mask:before {
  background-color: #eaeaea;
  border-color: #d9d9d9;
}
/* line 430, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled .x-input-checkbox:checked ~ .x-field-mask:after {
  color: #9f9f9f;
}
/* line 434, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-item-disabled .x-input-radio:checked ~ .x-field-mask:after {
  background-color: #9f9f9f;
}

/* line 443, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner.x-item-disabled .x-field-input:before,
.x-spinner.x-item-disabled .x-spinner-button {
  color: #9f9f9f !important;
  border-color: #d9d9d9 !important;
  background-color: #eaeaea !important;
}
/* line 450, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner .x-spinner-button {
  position: relative;
  font-size: 0px;
  text-indent: -1000px;
  background: transparent;
  border: 2px solid #bababa !important;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  line-height: .7em;
}
/* line 461, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner .x-spinner-button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: 0;
  font-family: 'Pictos';
  font-size: 26px;
  line-height: 31px;
  content: '&';
  color: #bababa;
}
/* line 471, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner .x-spinner-button-down:before {
  content: '_';
}
/* line 475, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner .x-button-pressed {
  background-color: white;
}
/* line 478, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner .x-button-pressed:before {
  color: black;
}
/* line 484, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-spinner.x-field-grouped-buttons .x-input-el {
  text-align: left;
}

/* line 490, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-ie .x-spinner-button:before {
  line-height: 27px !important;
}

/* line 496, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-input .x-clear-icon {
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: 32px;
}
/* line 503, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-input .x-clear-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  content: '×';
}
/* line 513, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-input .x-clear-icon:hover {
  background: #DEDEDE;
}
/* line 517, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-input .x-clear-icon.x-pressing {
  background: #000;
}
/* line 520, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-input .x-clear-icon.x-pressing:before {
  color: #fff;
}

/* line 528, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-field-clearable .x-field-input {
  padding-right: 0;
}

/* line 534, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-fieldset {
  margin: .75em 0 .75em;
}
/* line 537, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-fieldset .x-form-fieldset-inner {
  border: 0;
}

/* line 542, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-fieldset-title {
  color: #111111;
  font-size: 17pt;
  font-weight: normal;
}

/* line 548, ../../../../resources/themes/stylesheets/sencha-touch/windows/_form.scss */
.x-form-fieldset-instructions {
  color: #666666;
  font-size: .8em;
  text-align: left;
  margin: 0.7em 0 0.3em 0;
}

/* line 2, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider {
  height: 11px;
}
/* line 5, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider:before {
  margin: 0;
}

/* line 11, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider.x-item-disabled:before {
  background-color: #dbdbdb;
}
/* line 15, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider.x-item-disabled .x-thumb {
  background-color: #a0a0a0;
}
/* line 18, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider.x-item-disabled .x-thumb:before {
  background-color: #bababa;
}

/* line 24, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-thumb {
  height: 11px;
  width: 11px;
  background-color: black;
  border: 0;
}
/* line 30, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-thumb:before {
  content: '';
  position: absolute;
  top: 0;
  width: 5000px;
  right: 11px;
  height: 11px;
  background-color: #2672ec;
}
/* line 40, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-thumb:after {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  height: 51px;
  width: 51px;
}

/* line 54, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider:before {
  top: 0;
  height: 11px;
  background-color: #c6c6c6;
}

/* line 61, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider-multiple .x-slider:after {
  background-color: #2672ec;
  opacity: 1;
}
/* line 66, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-slider-multiple .x-thumb:before {
  background: transparent;
  width: 0;
}

/* line 73, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle {
  width: 51px;
  height: 19px;
  border: 2px solid #a6a6a6;
  overflow: visible;
}
/* line 79, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle .x-thumb {
  background: transparent;
  width: 8px;
  height: 13px;
}
/* line 84, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle .x-thumb:before {
  height: 13px;
  width: 34px;
}
/* line 89, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle .x-thumb:after {
  position: absolute;
  width: 14px;
  height: 19px;
  top: -3px;
  left: -3px;
  background: black;
  content: '';
}

/* line 101, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle-inner {
  margin: 1px;
  height: 13px;
  width: 45px;
  background-color: #a6a6a6;
}

/* line 108, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-toggle-on {
  background: transparent;
}

/* line 112, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-item-disabled .x-toggle {
  border-color: #cccccc;
}
/* line 116, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-item-disabled .x-toggle .x-thumb:after {
  background: #a0a0a0;
}
/* line 121, ../../../../resources/themes/stylesheets/sencha-touch/windows/form/slider.scss */
.x-item-disabled .x-toggle .x-toggle-inner {
  background-color: #e0e0e0;
}

/**
 * @class Ext.dataview.List
 */
/**
 * @var {color} $list-color
 * Text color for list rows.
 */
/**
 * @var {color} $list-bg-color
 * Background-color for list rows.
 */
/**
 * @var {boolean} $list-zebrastripe
 * Optionally zebra-stripe the list (alternating background colors).
 */
/**
 * @var {color} $list-active-color
 * Background-color for selected list rows.
 */
/**
 * @var {color} $list-header-bg-color
 * Background-color for list header rows (in grouped lists).
 */
/**
 * @var {measurement} $list-disclosure-size
 * Default size (width/height) for disclosure icons.
 */
/**
 * @var {measurement} $list-disclosure-round-size
 * Default size (width/height) for disclosure icons in a list with a `round` ui.
 */
/**
 * @var {measurement} $list-round-padding
 * Default padding for lists with a `round` ui.
 */
/**
 * Includes default list styles.
 */
/* line 56, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list {
  background-color: transparent;
}
/* line 59, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item {
  color: #111111;
  font-size: 17pt;
  font-weight: 300;
}
/* line 64, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item .x-dock-horizontal {
  border-top: 0;
}
/* line 69, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item.x-item-pressed .x-dock-horizontal .x-dock-body {
  background-color: transparent;
}
/* line 72, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item.x-item-pressed .x-dock-horizontal .x-dock-body .x-list-item-body {
  color: #2672ec;
}
/* line 79, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item.x-item-selected .x-dock-horizontal {
  background: transparent;
}
/* line 83, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item.x-item-selected .x-dock-horizontal .x-dock-body {
  background-color: #2672ec;
}
/* line 86, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item.x-item-selected .x-dock-horizontal .x-dock-body .x-list-item-body {
  color: #fff;
}

/* line 95, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-disclosure {
  width: 1.7em;
  height: 1.7em;
  margin: 0.5em 0.5em 0 0;
  border: 0;
}

/* line 102, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-ie .x-list-disclosure:after {
  content: '';
  right: 1.2em;
  top: .8em;
  height: 1em;
  width: 1em;
  position: absolute;
}
/* line 13, ../../../../resources/themes/stylesheets/sencha-touch/base/mixins/_icon.scss */
.x-ie .x-list-disclosure:after .x-tab .x-button-icon.code3:before,
.x-ie .x-list-disclosure:after .x-button .x-button-icon.code3:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "code3";
  color: red !important;
}

/* line 113, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-item-selected .x-list-disclosure::after {
  color: white;
}

/* line 117, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-indexed .x-list-disclosure {
  margin-right: 1.8em;
}

/* line 121, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-header {
  background-color: transparent !important;
  border: 0 !important;
  text-transform: lowercase;
}
/* line 126, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-header > div {
  min-width: 46px;
  min-height: 46px;
  background-color: #2672ec;
  color: #fff;
  float: left;
  width: auto;
}

/* line 137, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list .x-list-item .x-list-item-body {
  padding: 0 10px;
  line-height: 47px;
}

/* line 144, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-normal .x-list-header-wrap .x-item-header,
.x-list-normal .x-list-header {
  background-color: "transparent";
  font-weight: normal;
  font-size: 17pt;
  padding: 0.1em 1.02em 0.2em 0.65em;
}

/* line 161, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped {
  margin-left: .8em;
}
/* line 164, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped .x-list-header-wrap .x-dock-horizontal {
  padding-top: 75px !important;
}
/* line 168, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped .x-list-header {
  padding-left: 0px !important;
  margin: .2em 0;
}
/* line 172, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped .x-list-header .x-innerhtml {
  padding: .5em 0 0 .2em;
}
/* line 179, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped .x-list-header-wrap .x-list-item-inner:before,
.x-list-grouped .x-list-footer-wrap .x-list-item-inner:before {
  top: 2.8em !important;
}
/* line 185, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-grouped .x-item-pressed .x-list-item-inner {
  margin: 0 !important;
  position: static !important;
}

/* line 193, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round .x-list-header-swap {
  padding-right: 13px;
}
/* line 197, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round .x-list-disclosure {
  overflow: hidden;
  width: 1.5em;
  height: 1.5em;
  margin: 0.5em 0.5em 0 0;
}
/* line 204, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round .x-list-header {
  color: #777;
  font-size: 1em;
  font-weight: bold;
  padding-left: 0.65em;
  line-height: 1.7em;
}
/* line 212, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round .x-list-container {
  padding: 13px 13px 0 13px;
}
/* line 215, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round .x-list-container .x-list-header {
  padding-left: 0em !important;
  background-image: none;
}
/* line 223, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round.x-list-ungrouped .x-list-item:last-child {
  margin-bottom: 13px;
}
/* line 231, ../../../../resources/themes/stylesheets/sencha-touch/windows/_list.scss */
.x-list-round.x-list-grouped .x-list-footer-wrap > .x-dock-vertical {
  padding-bottom: 13px;
}

/* line 7, ../sass/wp.scss */
.x-html pre {
  margin: 0;
}

/* line 14, ../sass/wp.scss */
.card .x-dock-body .x-inner.x-scroll-scroller .x-innerhtml,
.x-carousel .x-dock-body .x-inner.x-scroll-scroller .x-innerhtml,
.x-tabpanel .x-dock-body .x-inner.x-scroll-scroller .x-innerhtml {
  padding: 20px;
}

/* line 20, ../sass/wp.scss */
.x-list-item .x-innerhtml {
  padding: 0 !important;
}

/* line 25, ../sass/wp.scss */
#launchscreen {
  padding: 0 20px;
}
/* line 28, ../sass/wp.scss */
#launchscreen h2 {
  clear: both;
}
/* line 31, ../sass/wp.scss */
#launchscreen h2 span {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
}
/* line 37, ../sass/wp.scss */
#launchscreen .feature {
  background: #eee;
  padding: 20px;
  width: 47%;
  margin: 10px 20px 20px 0;
  min-height: 150px;
  float: left;
}
/* line 50, ../sass/wp.scss */
#launchscreen .feature.main {
  float: normal;
  width: auto;
  min-height: auto;
}
/* line 56, ../sass/wp.scss */
#launchscreen .feature img {
  display: none;
}
/* line 60, ../sass/wp.scss */
#launchscreen .feature h3 {
  font-family: "Segoe UI Light", "HelveticaNeue-Light", Helvetica;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
}
/* line 67, ../sass/wp.scss */
#launchscreen .feature p {
  font-family: "Segoe UI Semilight", "HelveticaNeue-Light", Helvetica;
  font-size: 15px;
}
/* line 73, ../sass/wp.scss */
#launchscreen footer {
  clear: both;
  font-family: "Segoe UI Semilight", "HelveticaNeue-Light", Helvetica;
  font-size: 15px;
}

/* line 80, ../sass/wp.scss */
a:link {
  color: #2672ec;
  text-decoration: none;
}

/* line 85, ../sass/wp.scss */
a:hover {
  color: rgba(38, 114, 236, 0.8);
}

/* line 89, ../sass/wp.scss */
a:active {
  color: rgba(38, 114, 236, 0.6);
}
