/* Enyo v2.7.0 | Copyright (c) 2011-2016 LG Electronics, Inc. | enyojs.com | enyojs.com/license */
/* 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;
}
/* 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);
}
.enyo-inline {
  display: inline-block;
}
.enyo-positioned {
  position: relative;
}
.enyo-fill {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Accessibility */
*[tabindex] {
  /* remove outline in case dom has tabindex attribute */
  outline: none;
  /* remove tap highlight in case dom has tabindex attribute */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Fullscreen */
:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:-moz-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:-ms-fullscreen {
  width: 100% !important;
  height: 100% !important;
}
:-o-full-screen {
  width: 100% !important;
  height: 100% !important;
}
:fullscreen {
  width: 100% !important;
  height: 100% !important;
}
/* Fallback Fullscreen */
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;
}
.enyo-fit:-webkit-full-screen-ancestor,
.enyo-fill:-webkit-full-screen-ancestor {
  padding: 0 !important;
  margin: 0 !important;
}
.enyo-fit:-moz-full-screen-ancestor,
.enyo-fill:-moz-full-screen-ancestor {
  padding: 0 !important;
  margin: 0 !important;
}
.enyo-fit:-ms-fullscreen-ancestor,
.enyo-fill:-ms-fullscreen-ancestor {
  padding: 0 !important;
  margin: 0 !important;
}
.enyo-fit:-o-full-screen-ancestor,
.enyo-fill:-o-full-screen-ancestor {
  padding: 0 !important;
  margin: 0 !important;
}
.enyo-fit:fullscreen-ancestor,
.enyo-fill:fullscreen-ancestor {
  padding: 0 !important;
  margin: 0 !important;
}

.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;
}

.enyo-scroller {
  position: relative;
}
.enyo-fit.enyo-scroller {
  position: absolute;
}
.enyo-touch-scroller {
  overflow: hidden;
}
.enyo-touch-scroller-client::after,
.enyo-touch-scroller-client::before {
  content: "";
  display: table-cell;
}
.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;
}