.a_center{ text-align: center; }
.a_right{ text-align: right; }
.no-border{ border: none !important; }
legend,label{ border: none !important; }

.success{ padding: 15px 25px; background: #DFF0D8; border: 2px solid #D6E9C6; color: #468847; font-weight: bold; font-size: 20px; text-align: center; }
.error{ padding: 15px 25px; background: #F2DEDE; border: 2px solid #EED3D7; color: #B94A48; font-weight: bold; font-size: 20px; text-align: center; }

/*
#content img {
    width  : 100%;
    height : auto;
}
*/
h1{  }


.ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
}
.ui-header .ui-title {
  overflow: visible !important;
  white-space: normal !important;
}

input[type="number"].large{ font-size: 30px !important; font-Orderedweight: bold; width: 90%; }
#updateLarge .ui-btn-inner{ font-size: 32px !important; }

#tableStockInfo th{ background: #545454; } 
#tableStockInfo td{ text-align: center; } 

#tableStockInfo tr:nth-child(even) td{ background: #545454; }

#tableStock{ font-size: 22px; display: table; }
#tableStock th,
#tableStock td{ text-align: center; }

#tableStock th{ background: #e2e2e2; }

label.ui-input-text{ font-weight: bold; }

.ui-listview{}
.ui-listview li:nth-child(even) a{
	background: #e9e9e9 !important;
}
.ui-listview .ui-li-divider{
	background: #2ad !important;
	border-color: #2ad !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #08b !important;
}

/* green buttons */
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.ui-btn-up-g
{
	border: 1px solid #397114;
	background: #5aab25;
	text-shadow: 0 -1px 1px #397114;
	background-image: -moz-linear-gradient(top, #7ec44f, #5aab25);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87c45e), color-stop(1, #619e39));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7ec44f', EndColorStr='#5aab25')";
}

.ui-btn-hover-g
{
	border: 1px solid #2c6e00;
	background: #75b54a;
	text-shadow: 0 -1px 1px #2a6901;
	background-image: -moz-linear-gradient(top, #99d472, #75b54a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99d472), color-stop(1, #75b54a));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99d472', EndColorStr='#75b54a')";
}

.ui-btn-down-g
{
	border: 1px solid #457823;
	background: #7ec44f;
	text-shadow: 0 -1px 1px #457823;
	background-image: -moz-linear-gradient(top, #619e39, #7ec44f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619e39), color-stop(1, #7ec44f));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#619e39', EndColorStr='#7ec44f')";
}

.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	#loginbox{
		height: 700px;
		width: 50%;
		margin: 0 auto;
	}
	
	/* increase size of elements */
	
#page-mobile h2{ font-size: 72px; }	
#page-mobile h3{ font-size: 36px; }
	
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="file"],
textarea{ font-size: 22px !important; }

input[data-type="search"]{ font-size: 30px !important; }

.ui-btn-corner-all .ui-btn-inner{ font-size: 34px !important; }

.ui-field-contain label.ui-input-text{ margin-top: 18px; font-size: 22px; }

input[type="file"]{ height: 145px; }

#page-mobile .ui-field-contain label.ui-input-text{ margin-top: 14px; font-size: 16px; }

  
  /* resize panel on ipad */
 
	.ui-panel {
	width: 35em;
	}
	 
	.ui-panel.ui-panel-position-right {
	width: 35em;
	}
	 
	.ui-panel.ui-panel-closed {
	width: 0;
	}
	 
	.ui-panel-position-left {
	left: -35em
	}
	 
	.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(-35em, 0, 0);
	-moz-transform: translate3d(-35em, 0, 0);
	transform: translate3d(-35em, 0, 0)
	}
	 
	.ui-panel-position-right {
	right: -35em
	}
	 
	.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	-webkit-transform: translate3d(35em, 0, 0);
	-moz-transform: translate3d(35em, 0, 0);
	transform: translate3d(35em, 0, 0)
	}
	
	.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open, .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open, .ui-panel-dismiss-position-right.ui-panel-dismiss-open{		
		left: -35em;
		right: 35em;
	}
	
/*  comment out if overlay is used: */
/*
	.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 35em;
	right: -35em
	}
	 
	.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(35em, 0, 0);
	-moz-transform: translate3d(35em, 0, 0);
	transform: translate3d(35em, 0, 0)
	}
	 
	.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open, .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open, .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
	left: -35em;
	right: 35em
	}
	 
	.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(-35em, 0, 0);
	-moz-transform: translate3d(-35em, 0, 0);
	transform: translate3d(-35em, 0, 0)
	}
*/
  
}

@media only screen and (device-width: 768px) and (orientation:landscape) {

	#page-mobile h2{ margin-bottom: 15px; margin-top: 0px; }	
	#page-mobile h3{ margin-bottom: 15px; margin-top: 0px; }
	
	#page-mobile .ui-field-contain label.ui-input-text{ margin-top: 12px; font-size: 18px; }

}