.transparentScreen{
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	z-index:5;
}

.amx-view{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 10;
}

/* ------ <amx:ouputText> ------ */
.amx-outputText {
  margin: 0px;
  padding: 0px;
  clear: both;
  color: #fff;
  -webkit-user-select: text;
}

.amx-outputText-truncateAt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.amx-panelPage-content > .amx-outputText {
  display: block;
  padding: 0 19px;
  text-shadow:  1px 1px 1px rgba(0, 0, 0, 0.60);
}

.amx-outputText.amx-text-sectiontitle {
  font-size: 18px;
  color: white;
  font-weight: bold;
  margin: 8px 0;
  padding: 0 19px;
}
.amx-panelPage-content > .amx-outputText.amx-text-sectiontitle {
  text-shadow: none;
}
/* ------ </amx:outputText> ------ */

/* ------ <amx:commandLink> ------ */
A,
.amx-commandLink {
  color: #2F6BAC;
  cursor: pointer;
  text-decoration:none;
}
/* facet variant */
.amx-panelPage-facet-primary .amx-commandLink,.amx-panelPage-facet-secondary .amx-commandLink,.amx-panelPage-facet-footer .amx-commandLink{
	display: inline-block;
	margin: 12px 6px 0px 6px;
}
.amx-panelPage-facet-primary .amx-commandLink img,.amx-panelPage-facet-secondary .amx-commandLink img,.amx-panelPage-facet-footer .amx-commandLink img{
	width:18px;
	height:18px;
}
.amx-panelPage-facet-primary .amx-commandLink label,.amx-panelPage-facet-secondary .amx-commandLink label,.amx-panelPage-facet-footer .amx-commandLink label{
	display:inline-block;
	padding:0 0 30px 0;
}

.amx-panelPage-facet-secondary .amx-commandLink{
	float: right;
}
/* /facet variant */
/* ------ </amx:commandLink> ------ */

/* ------ <amx:commandButton-back> ------ */
.amx-panelPage-facet-primary .amx-commandButton-back {
    display: inline-block;
    left: 10px;
    height: 30px;
    min-width: 47px;
    background-repeat: repeat-x;
    -webkit-background-size: 32px;
    background-position: 0;
    background-image: -webkit-linear-gradient(
      bottom,
      #2f6bac 0%,
      #214d81 49%,
      #2c588d 50%,
      #6d98c9 100%);
    -webkit-border-radius: 5px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.8);
}

.amx-panelPage-facet-primary .amx-commandButton-back:before {
  position: absolute;
  content: '';
  left: -9px;
  top: 3.5px;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  -webkit-background-size: 20px 20px;
  background-position: -1px -0.5px;
  background-image: -webkit-gradient(linear, left bottom, right top,
    from(rgba(47,108,172,1)),
    color-stop(0.5, rgba(33,76,129,1)),
    color-stop(0.5, rgba(44,88,141,1)),
    to(rgba(109,152,201,1)));
  -webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-border-top-right-radius: 9.5px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 9.5px;
  border-left: 1.7px solid black;
  border-top: 1.7px solid black;
  -webkit-mask-image: -webkit-gradient(linear, left top, right bottom,
    from(#000000),
    color-stop(0.4, #000000),
    color-stop(0.45, transparent),
    to(transparent));
}
.amx-panelPage-facet-primary .amx-commandButton-back.amx-selected:before {
  background-image: -webkit-gradient(linear, left bottom, right top,
    from(rgba(121,182,239,1)),
    color-stop(0.5, rgba(55,125,207,1)),
    color-stop(0.5, rgba(78,137,202,1)),
    to(rgba(180,201,226,1)));
  -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
}

/* ------ </amx:commandButton-back> ------ */

/* ------ <amx:commandButton> ------ */
.amx-commandButton{
    position: relative;
    min-height: 36px;
    padding: 0px;
    min-width: 47px;
    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 1px 0px 0px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 10px;
    margin: 6px;
    -webkit-tap-highlight-color: transparent;
}

.amx-commandButton.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) );
}

.amx-commandButton.amx-disabled{
	opacity: 0.40;
}

.amx-commandButton.amx-disabled .amx-commandButton-label{
	color: rgba(255,255,255,.6);
}

.amx-commandButton-label{
    display: block;
    margin: 0 0 0 0px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 9px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.60);
    margin: 0 0 0 0px;
}

.amx-commandButton.amx-label-no-text.amx-iconPosition-leading .amx-commandButton-icon{
	width: 18px;
	height: 18px;
	margin: 9px -7px 0px 0px;
	float: left;
	padding: 0px 0px 0px 10px;
}
.amx-panelPage-header .amx-commandButton.amx-label-no-text.amx-iconPosition-leading .amx-commandButton-icon,
.amx-panelPage-footer .amx-commandButton.amx-label-no-text.amx-iconPosition-leading .amx-commandButton-icon {
	margin: 7px -6px 0 -2px;
}
.amx-commandButton.amx-label-no-text.amx-iconPosition-trailing .amx-commandButton-icon{
	margin: 9px 0 0 -8px;
}
.amx-panelPage-header .amx-commandButton.amx-label-no-text.amx-iconPosition-trailing .amx-commandButton-icon,
.amx-panelPage-footer .amx-commandButton.amx-label-no-text.amx-iconPosition-trailing .amx-commandButton-icon {
	margin: 7px -2px 0 -6px;
}
.amx-commandButton .amx-commandButton-icon{
	width: 18px;
	height: 18px;
	margin: 11px -2px 0px 0px;
	float: left;
    padding: 0px 10px 0px 10px;
}

.amx-panelPage-facet-primary .amx-commandButton .amx-commandButton-icon, .amx-panelPage-facet-secondary .amx-commandButton .amx-commandButton-icon, .amx-panelPage-facet-footer .amx-commandButton .amx-commandButton-icon {
	margin: 7px 0 0 0;
}

.amx-commandButton.amx-iconPosition-trailing .amx-commandButton-icon{
	float: right;
	 margin: 11px 0 0 0;
	padding: 0px 10px 0 10px;
}

.amx-panelPage-facet-primary .amx-commandButton.amx-iconPosition-trailing .amx-commandButton-icon, .amx-panelPage-facet-secondary .amx-commandButton.amx-iconPosition-trailing .amx-commandButton-icon, .amx-panelPage-facet-footer .amx-commandButton.amx-iconPosition-trailing .amx-commandButton-icon {
	margin: 7px 0 0 0;
}


/* facet variant */
.amx-panelPage-facet-primary .amx-commandButton,.amx-panelPage-facet-secondary .amx-commandButton,.amx-panelPage-facet-footer .amx-commandButton{
    display: inline-block;
    min-height: 32px;
    min-width: 47px;
    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 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid black;
    border-radius: 5px;
    padding: 0px;
    margin: 6px;
}
.amx-panelPage-facet-primary .amx-commandButton.amx-selected,.amx-panelPage-facet-secondary .amx-commandButton.amx-selected,.amx-panelPage-facet-footer .amx-commandButton.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) );
	-webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.1), inset 0px
		1px 0px 0px rgba(0, 0, 0, 0.5);
}

.amx-panelPage-facet-primary .amx-commandButton.amx-disabled,.amx-panelPage-facet-secondary .amx-commandButton.amx-disabled,.amx-panelPage-facet-footer .amx-commandButton.amx-disabled{
	opacity:0.40;
}

.amx-panelPage-facet-primary .amx-commandButton-label, .amx-panelPage-facet-secondary .amx-commandButton-label, .amx-panelPage-facet-footer .amx-commandButton-label{
    font-size: 14px;
    padding: 7px;
    margin: 0 0 0 0px;
    text-align: center;
}

.amx-panelPage-facet-secondary > * {
	float: right;
}

/* /facet variant */
/* Alert */
.amx-commandButton.amx-button-alert{
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #9d2120), color-stop(0.48, #5e1211), color-stop(0.49, #612c2d), color-stop(1.00, #d37f82));
}

.amx-commandButton.amx-button-alert.amx-selected{
	background-image: -webkit-gradient(linear, left bottom, left top,
			color-stop(0, #c92a29),
			color-stop(0.48, #801817),
			color-stop(0.49, #9b4549),
			color-stop(1.00, #f9979b) );
}

/* /Alert */
/* Hightlight */
.amx-commandButton.amx-button-hightlight{
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6d8fb6), color-stop(0.48, #212e3e), color-stop(0.49, #384457),color-stop(0.94, #a2aec0), color-stop(1.00, #d7d7d7));
}

.amx-commandButton.amx-button-hightlight.amx-selected{
	background-image: -webkit-gradient(linear, left bottom, left top,
			color-stop(0, #99c8fc),
			color-stop(0.48, #31465d),
			color-stop(0.49, #495871),
			color-stop(0.94, #cedef4),
			color-stop(1.00, #ffffff) );
}

/* /Hightlight */
/* back */
.amx-commandButton.amx-button-back{
	background-image: none;
	border:0;
	border-radius:0px;
	box-shadow:none;

}
.amx-commandButton.amx-button-back.amx-selected{
	background-image: none;
	border:0;
	border-radius:0px;
	box-shadow:none;
}

.amx-commandButton.amx-button-back > canvas{
	position:absolute;
	left:0px;
	top:0px;
}

/* /back */

/* ------ </amx:commandButton> ------ */

/* --------- <amx:inputText> --------- */
.amx-inputText .field-value .wrap {
  background: #ffffff;
  padding: 8px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,1); /* iOS 4 */
  box-shadow: 1px 1px 3px rgba(0,0,0,1);
}
.amx-style-groupbox .amx-inputText .field-value .wrap,
.amx-panelFormLayout .amx-inputText .field-value .wrap {
  padding: 0px;
  -webkit-border-radius: 0px;
  -webkit-box-shadow: none; /* iOS 4 */
  box-shadow: none;
}
.amx-inputText .field-value input,
.amx-inputText .field-value textarea {
  -webkit-box-sizing: border-box; /* iOS 4 */
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  -webkit-appearance: none;
}
.amx-inputText .field-value textarea {
  display: block;
}
.amx-inputText.amx-simple{
	font-size: 14px;
	position: relative;
}

.amx-inputText.amx-simple input, .amx-inputText.amx-simple textarea{
	font-size: inherit;
}
.amx-panelFormLayout .amx-inputText.amx-simple input,
.amx-panelFormLayout .amx-inputText.amx-simple textarea {
  position: static;
}
.amx-inputText .amx-hint{
	color:#8d8c8c;
}
.amx-inputText.amx-disabled{
	opacity:0.40;
}
.amx-inputText.amx-disabled input, .amx-inputText.amx-disabled textarea{
	background:none;
}
/* --------- </amx:inputText> --------- */