/* ../source/dom/dom.css */

/* things we always want */
body {
  font-family: 'Helvetica Neue', 'Nimbus Sans L', Arial, sans-serif;
}
/* allow hw-accelerated scrolling on platforms that support it */
body.webkitOverflowScrolling {
  -webkit-overflow-scrolling: touch;
}
/* for apps */
.enyo-document-fit {
  margin: 0;
  height: 100%;
  /* note: giving html overflow: auto is odd and was only ever done to avoid duplication
		however, android 4.04 sometimes does not hide nodes when their display is set to none
		if document is overflow auto.
	*/
  position: relative;
}
.enyo-body-fit {
  margin: 0;
  height: 100%;
  /* helps prevent ios page scroll */
  overflow: auto;
  position: relative;
}
.enyo-no-touch-action {
  -ms-touch-action: none;
}
.enyo-untouchable {
  pointer-events: none;
}
.enyo-untouchable > * {
  pointer-events: auto;
}
/* reset */
button {
  font-size: inherit;
  font-family: inherit;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* user selection */
.enyo-unselectable {
  cursor: default;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
}
.enyo-selectable {
  cursor: auto;
  -ms-user-select: element;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.enyo-selectable::selection,
.enyo-selectable ::selection {
  background: #3297FD;
  color: #FFF;
}
/* layout */
body .enyo-fit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.enyo-clip {
  overflow: hidden;
}
.enyo-border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* compositing */
.enyo-composite {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
/* Fullscreen CSS */
:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:-moz-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:-ms-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:-o-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:full-screen {
  width: 100% !important;
  height: 100% !important;
}
/* Fallback Fullscreen CSS */
body .enyo-fullscreen {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}


/* ../source/touch/Thumb.css */

.enyo-thumb {
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background: #333;
  border: 1px solid #666;
  opacity: 0.75;
  z-index: 1;
}
.enyo-vthumb {
  top: 0;
  right: 2px;
  width: 4px;
}
.enyo-hthumb {
  left: 0;
  bottom: 2px;
  height: 4px;
}


/* ../source/touch/Scroller.css */

.enyo-scroller {
  position: relative;
}
.enyo-fit.enyo-scroller {
  position: absolute;
}
.enyo-touch-scroller {
  overflow: hidden;
}
.enyo-touch-strategy-container {
  overflow: hidden;
}
.enyo-scrollee-fit {
  height: 100%;
}
.enyo-flex-item.flex .enyo-scrollee-fit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


/* ../source/ui/ui.css */

.enyo-inline,
.enyo-tool-decorator {
  display: inline-block;
}
.enyo-children-inline > *,
.enyo-tool-decorator > * {
  display: inline-block;
}
.enyo-children-middle > *,
.enyo-tool-decorator > * {
  vertical-align: middle;
}
.enyo-positioned {
  position: relative;
}
.enyo-fill {
  position: relative;
  width: 100%;
  height: 100%;
}
.enyo-popup {
  position: absolute;
  z-index: 10;
}
.enyo-image.sized {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.enyo-image.contain {
  background-size: contain;
}
.enyo-image.cover {
  background-size: cover;
}
.enyo-sprite-animation {
  overflow: hidden;
}
.enyo-sprite-animation .enyo-sprite-animation-image {
  background-size: initial;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.enyo-sprite-animation.paused .enyo-sprite-animation-image {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.enyo-scrim {
  z-index: 1;
  /*
		note: by using pointer-events we allow tapping on scrim
		while it is fading out; however, this requires any showing classes
		to set pointer events to auto or scrim will not function as expected.
	*/
  pointer-events: none;
}
.enyo-scrim.enyo-scrim-translucent {
  pointer-events: auto;
  background-color: #000000;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.enyo-scrim.enyo-scrim-transparent {
  pointer-events: auto;
  background: transparent;
}
.enyo-richtext {
  overflow: hidden;
  word-wrap: break-word;
}
.enyo-light-panels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.enyo-light-panels > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.enyo-light-panels.horizontal.forwards > * {
  left: 100%;
}
.enyo-light-panels.horizontal.backwards > * {
  left: -100%;
}
.enyo-light-panels.vertical.forwards > * {
  top: 100%;
}
.enyo-light-panels.vertical.backwards > * {
  top: -100%;
}


/* ../source/ui/data/data.less */

.enyo-data-list {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.enyo-data-list .active {
  position: relative;
  overflow: hidden;
}
.enyo-data-list .buffer {
  height: 100%;
  overflow: hidden;
}
.enyo-data-list .page {
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.enyo-data-list.transitions .page {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -ms-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
.enyo-data-list.rendered .page {
  visibility: visible;
}
.enyo-data-list.rendered.transitions .page {
  opacity: 1;
  filter: alpha(opacity=100);
}
.enyo-data-list.debug .page1 {
  background: #99CCFF;
}
.enyo-data-list.debug .page2 {
  background: #CC99FF;
}
.enyo-data-list.horizontal .active {
  white-space: nowrap;
}
.enyo-data-list.horizontal .page > * {
  display: inline-block !important;
}
.enyo-data-list.horizontal .page {
  width: auto;
}
.enyo-data-grid-list .item {
  display: block;
  position: absolute !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.enyo-data-grid-list.transitions.reset.rendered .item {
  -webkit-transition: top 300ms ease-out, left 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
  -moz-transition: top 300ms ease-out, left 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
  -ms-transition: top 300ms ease-out, left 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
  -o-transition: top 300ms ease-out, left 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
  transition: top 300ms ease-out, left 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
}