/* VERSION 55 */
* {
    visibility: visible;
    -webkit-user-select: none;
}

input, textarea{
	-webkit-user-select: text;
}
body{
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

label{
}
a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}
.ui-page{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

/* This translate3d style enables hardware-accelerated scrolling.
   The backface is needed or else it will bleed through flips.
   Makes a night-and-day difference in performance of the PSF Mobile FOD demo. */
.amx-scrollable {
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
}.amx-view {
  -webkit-backface-visibility: hidden;
}

#amxUIFlush{
	position: absolute;
	top: 100px; left: 50%;
	height: 100px;
	width: 100px;
	overflow: hidden;
	border: solid 1px black;
	z-index: -1;
	/*color: rgba(0,0,0,0);*/
}

#amxDebug{
	position: absolute;
	top: 0; left: 5%; right: 5%;
	height: 60px;
	background: rgba(255,255,255,.6);
	color: #333;
	font-size: 12px;
	border: solid 1px #999;
	z-index: 1000;
	overflow: auto;
}

#bodyPage.transitioning {
  -webkit-perspective: 2000;
}
#bodyPage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color: #505568;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAR0lEQVQ4y2P4//8/AzqWl5f3BWFscoTUMdDFQAd7e18QJmQgNnUMhDSRioeAgZREAH0MpCRGh2ik0MXA0bw8mpdH8/KQMxAAxAYxLF/RE/wAAAAASUVORK5CYII='), -webkit-gradient(radial, 50% 50%, 1, 50% 50%, 400, from(#7c8592), to(#505568)); /* iOS 4 */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAR0lEQVQ4y2P4//8/AzqWl5f3BWFscoTUMdDFQAd7e18QJmQgNnUMhDSRioeAgZREAH0MpCRGh2ik0MXA0bw8mpdH8/KQMxAAxAYxLF/RE/wAAAAASUVORK5CYII='), -webkit-radial-gradient(circle, #7c8592, #505568); /* iOS 5+ */
  background-repeat: repeat, no-repeat;
  -webkit-background-size: 10px 12px, contain; /* actual size is 20x24 */
  font-family: 'Helvetica Neue',Arial,sans-serif;
}

/* amx container elements needs to be relative */
.amx-listView, .amx-listItem, .amx-panelGroupLayout{
	position: relative;
}

/* single finger scrollables */
.amx-panelPage-content, .amx-listView, .amx-panelGroupLayout, .amx-panelFormLayout{
	overflow: auto;
}

.amx-node.amx-fitParent {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ------ Generic Field label/value ------ */
.field-label {
  -webkit-box-sizing: border-box; /* iOS 4 */
  box-sizing: border-box;
  padding: 12px 5px 12px 19px;
  vertical-align: middle;
  color: #4cc0fc;
  font-size: 14px;
  -webkit-user-select: text;
}
.field-value {
  -webkit-box-sizing: border-box; /* iOS 4 */
  box-sizing: border-box;
  padding: 12px 10px 12px 5px;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  color: black;
  font-size: 18px;
  font-weight: bold;
}
.field-value input,
.field-value textarea {
  font-size: 18px;
  font-weight: bold;
  border: none;
}
.field {
  display: table;
}
.field.required .field-label:before
 {
  content: ' ';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNpi+P//P8N/HgYQTgDiHUD8FUqD+EAJiAIQ5wcQ/0fCIH4CEwMERAAxOwMqAPEjGEEmMPAyfgVyuBgwwTeYCYcZsIPDMAUrgPgnmuRPsDghX0DcgAcABBgA4h44YfKwCcEAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: left center;
  width: 7px; /* 4 for the image width plus 3 padding */
  height: 4px;
  margin-left: -8px;
  margin-right: 1px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  -webkit-background-size: 4px 4px; /* actual size is 8x8 */
}

.field > .field-label {
  white-space: nowrap;
  display: table-cell;
  word-break: break-all;
}
.field > .field-value {
  width: 100%;
  display: table-cell;
  word-break: break-all;
}

/* ------/Generic Field label/value ------ */


/* ------ Icons ------ */
.ico{
	background-image: url(images/amx.png);
	width: 32px;
	height: 32px;
	-webkit-background-size: 144px 192px;
}
.ico-arrow-r{
	background-position:  0px 0px;
}
/* ------ /Icons ------ */


/* Debug Log */
#log{
	z-index: 100;
	border: solid 1px #aaa;
	background: rgba(255,255,255,.5);
	position: absolute;
	bottom: 10px;
	width: 50%;
	height: 60px;
	font-size: 12px;
}

/* ------ <amx:messages> ------ */
.amx-messages
{
  position: relative;
}

.amx-messages-header
{
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
  background: #404a5a;
  color: #FFFFFF;
  padding: 8px 0 8px 0px;
}

.amx-messages-header-text
{
  position: relative;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.80);
  padding-left: 10px;
  color: #FFFFFF;
}

.amx-messages-item
{
  position: relative;
}

.amx-messages-text
{
  padding: 12px 0px 0px 42px;
  left: 0px;
  min-height: 42px;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 1.0);
  position: relative;
}

.amx-messages-text-error
{
  position: relative;
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
  background: #fc918e;
}

.amx-messages-text-warning
{
  position: relative;
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.7);
  background: #f9f6b3;
}

.amx-messages-icon
{
  background-position: 0px 0px;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  top: 14px;
}

.amx-messages-icon-error
{
  background-image: url(images/messages-error.png);
}

.amx-messages-icon-warning
{
  background-image: url(images/messages-warning.png);
}

.amx-messages-footer
{
  padding: 0px 0px 34px 0px;
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.5);
  background: transparent;
  position: relative;
}
/* ------ </amx:messages> ------ */
/* ------ <messagesPopup> ------ */
.messagesPopup
{
  position: relative;
  z-index: 5;
  width: 273px;
  margin: auto;
  display: block;
  max-height: 100%;
  overflow: auto;
}

.messagesPopupScreen
{
  background: rgba(0, 0, 0, 0.5);
}

.messagesPopup .messagesPopupContainer
{
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #37404e), color-stop(29%, #434e5f), color-stop(89%, #37404e), color-stop(100%, #495364));
  -webkit-border-radius: 10px;
  padding: 0px 8px 0px 8px;
  position: relative;
}

.messagesPopup .messagesPopupContainer .messagesPopupContent
{
  -webkit-border-radius: 2.5px;
  background: transparent;
  color: #060606;
  position: relative;
}

.messagesPopup .amx-messages-header
{
  -webkit-box-shadow: none;
  position: relative;
  background: transparent;
  left: 0px;
  padding: 9px 0px 0px 0px;
}

.messagesPopup .amx-messages-header-text
{
  background: transparent;
  position: relative;
  left: 3px;
  padding: 0px 0px 5px 0px;
}

.messagesPopup .amx-messages-message-item
{
  position: relative;
}

.messagesPopup .amx-messages-text
{
  padding-left: 37px;
}

.messagesPopup .amx-messages-text.amx-messages-first
{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.messagesPopup .amx-messages-text.amx-messages-last
{
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.messagesPopup .amx-messages-text-error
{
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
  background: #fc918e;
}

.messagesPopup .amx-messages-text-warning
{
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.7);
  background: #f9f6b3;
}

.messagesPopup .amx-messages-icon
{
  left: 5px;
}

.messagesPopup .amx-messages-footer
{
  padding: 13px 0px 13px 0px;
  -webkit-box-shadow: none;
  background: transparent;
  position: relative;
}

.messagesPopup .amx-messages-footer .amx-messages-btn
{
  position: relative;
  height: 32px;
  padding: 0px 0px;
  width: 96px;
  display: inline-block;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2f6bac), color-stop(0.48, #214d81), color-stop(0.49, #2c588d), color-stop(1.00, #6d98c9));
  -webkit-box-shadow: inset 2px 2px 1px 1px rgba(0, 0, 0, 0.75), inset -2px -2px 1px 1px rgba(0, 0, 0, 0.75);
  border: 2px solid #4E5664;
  border-radius: 10px;
  /* width - left border - right border - btn width*/
  /* (273 - 16 - 100)/2 */
  left: 78px;
}

.messagesPopup .amx-messages-footer .amx-messages-btn.amx-selected
{
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #79b6ef), color-stop(0.48, #377dcf), color-stop(0.49, #4e89ca), color-stop(1.00, #b4c9e2));
}

.messagesPopup .amx-messages-footer .amx-messages-btn-label
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-top: 7px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.60);
  margin: 0 0 0 0px;
}
/* ------ </messagesPopup> ------ */
