/* IPM Stylesheet - Zachary R. Ahearn */

#login img {
	margin: .8em 0 -.4em;
	width:10em;
	}

body .hidden {
	display:none;
	}

#imageCapture canvas, #imageCapture video {
	background:#000;
	border: 5px #fff solid;
	min-width:40%;
	max-width:100%;
	max-height:312px;
	margin:1px 0 2px;
	display:inline-block;
	}

	/* Global */
body, #ddlMenu a {
	font-family: 'Open Sans', sans-serif;
	}
	label, p, a, b, input, select, .ui-btn {
		font-family: sans-serif;
		}

input[type=file] {
	position:fixed;
	left:-10em;
	top:-10em;
	}

h1, h2, h3, h4, h5, h6, b {
	font-weight:600;
	}

hr {
	height: 2px;
    background: rgb(221,221,221);
    border: 0;
	}

.overflow {
	overflow-y:scroll;
	}

.table-stripe tbody tr {
	border-bottom:1px solid #c4c4c4;
	}

		/*[class*="ui-"]*/
	.table-stripe tbody tr:nth-child(odd) td {
		background-color:#f4f4f4;
		}
	.table-stripe tbody tr:nth-child(even) td {
		background-color:#fff;
		}

	/* Login Page */
#login .ui-content h1 {
	font-weight:600;
	font-size:28px;
	color:#555;
	text-align:center;
	margin:0;
	}
	#login .ui-footer .ui-navbar ul.ui-grid-a li {
		text-align:center;
		font-weight:600;
		font-size:15px;
		color:#fff;
		text-shadow:1px 1px 1px #111;
		}
#lstStock {
	max-height:500px;
	}

	/* UI Globals */
.ui-page { display:none; }
	.ui-page-active { display:block; }
	.ui-page-theme-a .ui-btn:active,
	.ui-page-theme-b .ui-btn:active
	.ui-page-theme-a .ui-btn:focus,
	.ui-page-theme-b .ui-btn:focus {
		box-shadow:none;
		-webkit-animation: btn-focus 1s;
		animation: btn-focus 1s;
		}
		@-webkit-keyframes btn-focus {
			0% {
				box-shadow: 0 0 12px rgba(51,136,204,0);
				}
			80% {
				box-shadow: 0 0 12px rgba(51,136,204,1);
				}
			100% {
				box-shadow: 0 0 12px rgba(51,136,204,0);
				}
			}
	.ui-page-theme-a .ui-btn.ui-btn-active,
	html .ui-bar-a .ui-btn.ui-btn-active,
	html .ui-body-a .ui-btn.ui-btn-active,
	html body .ui-group-theme-a .ui-btn.ui-btn-active {
		-webkit-animation: btn-active-a 0.4s;
		animation: btn-active-a 0.4s;
		}
		@-webkit-keyframes btn-active-a {
			80% {
				background: #3388cc;
				border-color: #3388cc;
				color:#fff;
				text-shadow: 0 1px 0 #005599;
				}
			}
	#ddlMenu .ui-btn.ui-btn-active,
	html .ui-bar-b .ui-btn.ui-btn-active,
	html .ui-body-b .ui-btn.ui-btn-active,
	html .ui-bar-b .ui-btn.ui-btn-active,
	.ui-page-theme-b .ui-btn.ui-btn-active {
	    background-color: #4d4d4d;
		-webkit-animation: btn-active-b 0.5s;
		animation: btn-active-b 0.5s;
		}
		@-webkit-keyframes btn-active-b {
			80% {
				background-color: #0089e5;
				border-color: #004b7d;
				}
			}
	.ui-loader {
		background: #222;
		box-shadow: 0 0 0 4px #ababab;
		color: #fff;
		text-shadow: 1px 1px 1px #111;
		}
	.ui-page > .ui-footer,
	.ui-page > .ui-header {
		border-color:#848282;
		}
		.ui-header .ui-navbar,
		.ui-footer .ui-navbar {
			padding:4px 0 2px;
			border:none;
			}
		.ui-header .ui-body,
		.ui-footer .ui-body {
			background:#222;
			}
		.ui-footer .ui-navbar {
			padding-top:2px;
			}
	.ui-page > .ui-header {
		border-width:0 0 2px;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 5;
		}
		@media (max-height:600px) {
			.ui-page > .ui-header {
				position: static;
				}
			}
		.ui-header .ui-navbar:first-child {
			-margin-top:-1px;
			background:#2e2e2e;
			}
		.ui-header .ui-navbar:last-child {
			margin-top:-4px;
			}
		.ui-popup .ui-header .title,
		.ui-page .ui-header .title {
			margin:0 auto;
			font-size:13px;
			padding:2px 0 0;
			text-align:center;
			color:#fff;
			text-shadow:1px 1px 2px #111;
			}
		.ui-popup .ui-header h2.title,
		.ui-page .ui-header h2.title {
			color:#dadada;
			}
		.ui-popup .ui-header h3.title,
		.ui-page .ui-header h3.title {
			display:none;
			margin:0 5%;
			}
	.ui-popup .ui-content {
		padding:10px;
		}
	.ui-page > .ui-content {
		padding:80px 10px 48px;
		}
		@media (max-height:600px) {
			.ui-page > .ui-content {
				padding:9px 10px 55px;
				}
			}
		.ui-content .ui-content {
			padding:0 0.2em;
			margin-top:.6em;
			}
		.ui-content .ui-navbar {
			margin-top:.5em;
			}
			.ui-content .ui-navbar:first-of-type {
				margin-top:2px;
				}
			.ui-content .ui-navbar ul {
				margin-bottom:.5em;
				}
			.ui-content .ui-navbar ul:last-of-type {
				margin-bottom:0;
				}
			.ui-content fieldset ~ div.ui-navbar:first-of-type {
				margin-top:.5em;
				}
			.ui-content .ui-navbar a {
				font-size:15px;
				}
				.ui-content .ui-navbar li:first-child label,
				.ui-content .ui-navbar li:first-child a {
					border-radius: 7.5px 0 0 7.5px;
					}
				.ui-content .ui-navbar li:last-child a {
					border-radius: 0 7.5px 7.5px 0;
					}
		.ui-content > .ui-controlgroup:first-child {
			margin-top:0;
			}
		.ui-content > form > .ui-field-contain:first-child,
		.ui-content > .ui-field-contain:first-child {
			margin-top:5px;
			}
		.ui-content .ui-footer:empty {
			min-height:.2em;
			}
		.ui-content .ui-listview {
			margin-bottom:0;
			}
			.ui-content .ui-collapsible .ui-listview {
				margin-bottom:-.5em;
				}
			.ui-listview > .ui-li-static {
				padding-bottom:0;
				}
			.ui-page-theme-a .ui-content > .ui-listview li > a.ui-btn {
				background:#fff;
				padding-bottom:.25em;
				}
			.ui-listview > li h3,
			.ui-listview > li h4 {
				margin:0;
				}
			.ui-listview li hr {
				margin:3px 0;
				}
			.ui-listview li p {
				margin:.25em 0;
				}
			.ui-listview li .ui-grid-a .ui-block-a {
				width:33%;
				padding-right:2%;
				}
			.ui-listview li .ui-grid-a .ui-block-a p {
				text-align:right;
				}
			.ui-listview li .ui-grid-a .ui-block-b {
				width:65%;
				}

	.ui-page > .ui-footer {
		border-width:2px 0 0;
		position: fixed;
		width: 100%;
		bottom:-2px;
		z-index: 5;
		}
		@media (max-height:600px) {
			.ui-page > .ui-footer {
				}
			}
		.footer-docs {
			margin-top:10px;
			font-size:13px;
			}
		.ui-page .footer-docs {
			text-align:center;
			}
		.ui-page .ui-footer-fixed.overflowFooter {
			position:static;
			}
	html .ui-content > .ui-btn:last-child {
		margin-bottom:0;
		}
	.ui-radio .ui-btn {
		padding:.7em .5em;
		white-space:nowrap;
		}

	/* UI Form */
.ui-navbar li label.ui-btn {
	font-size:15px;
	}
.ui-state-disabled,
.ui-select .ui-btn.ui-state-disabled {
	opacity:.8;
	}
.ui-field-contain {
	padding:0;
	margin:13px 0;
	border-bottom:none;
	}
	.ui-field-contain .ui-checkbox {
		margin:0;
		}
	.ui-field-contain .ui-state-disabled {
		color:#111;
		background-color:#e4e4e4;
		}
	.ui-field-contain > label,
	.ui-field-contain .ui-controlgroup-label,
	.ui-field-contain > .ui-rangeslider > label {
		width:23%;
		text-align:right;
		}
	.ui-field-contain > label ~ [class*="ui-"],
	.ui-field-contain .ui-controlgroup-controls {
		width:75%
		}
	.ui-hide-label > label ~ [class*="ui-"],
	.ui-hide-label .ui-controlgroup-controls {
		width:100%;
		}

.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
	padding-bottom:.3em;
	}

.ui-input-text input,
.ui-input-search input {
	min-height:2.1em;
	}

.ui-select .ui-btn {
	margin-top:-3px;
	padding-top:.7em;
	padding-bottom:.6em;
	}
.ui-mobile label {
	font-size:14px;
	margin-top:.65em;
	}
	.ui-input-icon.ui-btn {
		display:inline;
		margin:0 .5em 0 1em;
		border:0;
		padding:0 0 2px 0;
		}
.ui-checkbox input {
	-margin:7px 0 0 7px;
	}
	table .ui-checkbox .custom {
		margin-top:-7px;
		}

@media (max-width:28em){
	.ui-field-contain {
		padding:0;
		margin:0.5em 0;
		border-bottom:none;
		}
		.ui-content > .ui-field-contain:first-child {
			margin-top:-.4em;
			}
		.ui-field-contain > label,
		.ui-field-contain .ui-controlgroup-label,
		.ui-field-contain > .ui-rangeslider > label {
			width:95%;
			text-align:left;
			padding: 0 0 0.25em 5%;
			}
		.ui-field-contain > label ~ [class*="ui-"],
		.ui-field-contain .ui-controlgroup-controls {
			width:100%;
			}
		.ui-popup .ui-field-contain > label ~ [class*="ui-"].ui-input-has-clear {
			width:calc(100% - 2.375em);
			}
	.ui-select .ui-btn {
		margin-top:-1px;
		}
	}

.ui-collapsible-set {
    margin: 0;
	}

	/* UI Popup */
body > .ui-popup-container,
#pTXV > .ui-popup-container {
	width:90%;
	position:fixed;
	}
	@media (max-height:600px) {
		body > .ui-popup-container,
		#pTXV > .ui-popup-container {
			position: absolute;
			}
		}
	.ui-popup .ui-header .ui-navbar {
		margin-top:0;
		border-radius:7px 7px 3px 3px;
		}
	.ui-popup .ui-content {
		text-align:center;
		}
		.ui-popup-screen.in {
			background:#000;
			opacity:0.2;
			}

#leaseViewTable,
#orderDetailsTable {
	font-size:14px;
	}
	#leaseViewTable td,
	#orderDetailsTable td {
		padding:.3em .4em;
		vertical-align:middle;
		}
	#leaseViewTable th,
	#orderDetailsTable th {
		padding:.4em .4em;
		}
	#leaseViewTable .ui-checkbox,
	#orderDetailsTable .ui-checkbox {
		margin:-2px -3px -2px 0;
		max-width:90px;
		}

.orderRI .ui-block-b {
	text-align:right;
	}

.ui-page .ui-input-has-clear {
	padding-right: 0;
	}
.ui-page .ui-input-search input {
	padding-left: 1.45em;
	}
.ui-page .ui-select.ui-mini .ui-btn-icon-right {
	padding:.7em 2.5em .7em .5em;
	}


/* Collapsible */
.ui-collapsible > h3 > a {
	padding-bottom:.55em;
	}
.ui-collapsible-content {
	display:block;
	animation: display-none-transition 0.4s;
	overflow:hidden;
	max-height: 750px;
	padding:0 16px;
	}
	@-webkit-keyframes display-none-transition {
		0% {
			max-height: 0px;
			}
		100% {
			max-height: 400px;
			}
		}
	@-webkit-keyframes display-block-transition {
		0% {
			max-height: 400px;
			}
		100% {
			max-height: 0px;
			}
		}
	.ui-collapsible-content > p {
		margin:0.5em 0;
		}
	.ui-collapsible-content > .ui-field-contain {
		margin:0.5em 0;
		}
	.ui-collapsible-content ul {
		padding: 8px 0;
		}
	.ui-collapsible-collapsed .ui-collapsible-content {
		display:block;
		max-height: 0px;
		animation: display-block-transition 0.15s;
		border-bottom:0;
		padding:0 16px;
		}



/* Special */

#auditTrailSelect .ui-select {
	margin:-8px 0 0 5px;
	}

#filteredSearch .ui-table td:nth-child(2) {
	padding-left:0;
	padding-right:0;
	}
.search .ui-table.ui-table-columntoggle {
	margin-top: .4em;
	}
	.search .ui-table-columntoggle-btn {
		display:none;
		}
	.search .ui-table .ui-input-search,
	.search .ui-table .ui-input-text {
		margin:0;
		min-height:2.2em;
		}
	.search .ui-table input {
		padding:.4em .6em .2em;
		}
	.search .ui-table .ui-input-search input {
		padding-left:1.4em;
		}
	.search .ui-table .ui-select {
		margin:.3em 0;
		}
		#filteredSearch .ui-table .ui-select .ui-btn {
			padding:.8em 0 .7em;
			}
	.search .ui-table .ui-btn-icon-notext {
		margin:.2em 0 0;
		}
	.search .ui-table tbody td {
		height:2.2em;
		}
	#ordersSearch .ui-table p {
		padding:7px 0 9px 10px;
		margin:0;
		font-size:14px;
		}
	#ordersSearch .fieldset {
		margin-top:-4px;
		}
	#inventoryCatalog .fieldset,
	#inventoryCatalog .fieldset > div,
	#ordersSearch .fieldset,
	#ordersSearch .fieldset > div {
		width:100%;
		}
		#ordersSearch .fieldset > div div {
			width:33.33%;
			}
		#inventoryCatalog .fieldset > div div {
			width:50%;
			}
			#inventoryCatalog .fieldset > div div label,
			#ordersSearch .fieldset > div div label {
				text-align:center;
				}

#item-detail p {
	font-size:12px;
	margin: 0 0 4px;
	}
#item-detail h4 {
	font-size:19px;
	margin: 4px;
	font-weight:500;
	}

#lease-details,
#order-details {
	margin-bottom:0px;
	}
	#lease-details h3,
	#order-details h3 {
		font-size:19px;
		margin:.45em 0 0;
		margin:.35em 0 .9em;
		font-weight:600;
		}
	#lease-details p,
	#order-details p {
		font-size:13px;
		margin:4px 2px 0;
		}
#orderDetails .ui-content {
	position:relative;
	}
	#orderDetails .ui-content .ui-table-columntoggle-btn {
		padding:.7em 1.5em;
		position:absolute;
		top:75px;
		right:9px;
		border:0;
		}
	@media (max-height:600px) {
		#orderDetails .ui-content .ui-table-columntoggle-btn {
			top:7px;
			}
		}

.collList {
	min-height:60px;
	margin:6px 2px;
	}

#inventoryCatalog {
	overflow-y:hidden;
	}
#lstCatalog {
	margin:10px 0;
	}
	#lstCatalog img {
		max-height:72px;
		max-width:105px;
		display:inline;
		}
	#lstCatalog li, #item-detail-locations > li {
		cursor:pointer;
		}
		#lstCatalog .ui-grid-b > .ui-block-a {
			text-align:center;
			width:110px;
			}
		#lstCatalog .ui-grid-b > .ui-block-a img {
			margin-top:5px;
			}
		#lstCatalog .ui-grid-b > .ui-block-b {
			margin-right:10px;
			width:Calc((100% - 120px)/4);
			text-align:right;
			}
		#lstCatalog .ui-grid-b > .ui-block-c {
			width:Calc((100% - 120px)/4*3);
			}
		#lstCatalog .ui-bar-a p {
			margin:2px 0 0;
			}
		#lstCatalog .ui-message {
			position:absolute;
			top:10px;
			left:auto;
			right:18px;
			width:75%;
			text-align:right;
			}

		#itemDetail .block {
			width:80px;
			height:72px;
			float:left;
			text-align:right;
			}
		#itemDetail .block {
			width:90px;
			}
			#itemDetail .block:last-child {
				text-align:left;
				padding:0 5px;
				width:calc( 100% - 195px );
				}
			#itemDetail .block:last-child {
				width:calc( 100% - 100px );
				}

	#item-detail-locations li p b,
	#lstAuditTrail li p b,
	#lstErrorLog li p b {
		color:#484848;
		margin-right:2px;
		}

#frmPacking h4 { margin: 0 2em 1em; }

	#ddlMenu .ui-collapsible-heading a {
		color:#fff;
		text-shadow:none;
		font-weight:500;
		border-right:0;
		border-left:0;
		border-top-color:#eee;
		border-bottom-color:#eee;
		padding-bottom: .7em;
		}
	#ddlMenu .ui-collapsible:first-child .ui-collapsible-heading a {
		border-top-color:#6b6b6b;
		}
	#ddlMenu .ui-collapsible:last-child .ui-collapsible-heading a {
		border-bottom-color:#6b6b6b;
		}
		#ddlMenu .ui-collapsible-heading-collapsed a {
			color:#fff;
			text-shadow:none;
			}
	#ddlMenu .ui-collapsible-heading-toggle {
		background:rgb(68,68,68); /* Old browsers */
		background:-moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
		background:-webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
		background:-ms-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* IE10+ */
		background:linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* W3C */
		}
	#ddlMenu .ui-collapsible-content {
		border:0;
		}
		#ddlMenu .ui-collapsible-content a {
			font-size:15px;
			text-shadow:1px 1px 3px #272727;
			background-color: #4d4d4d;
			border-color: #6b6b6b;
			color: #ffffff;
			}
		#ddlMenu .ui-collapsible-content a:hover {
			background-color: #606060;
			}
	#ddlMenu a:focus {
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
		}
#csp {
	display:none;
}
#scanner {
	width: auto;
	height: auto;
	position: relative;
}
#scanner video {
	width: 93%;
    height: 80%;
}
#scanner canvas.drawingBuffer {
	width: 93%;
    height: 80%;
	top: 0;
	left: 0;
	z-index: 1000;
	position: absolute;
}
/**
 *  @link http://github.com/thomasjbradley/signature-pad
 *  @copyright Copyright MMXI, Thomas J Bradley
 *  @license New BSD License
 */
@font-face{font-family:'Journal';src:url('journal.eot');src:url('journal.eot?#iefix') format('embedded-opentype'), url('journal.woff') format('woff'), url('journal.ttf') format('truetype'), url('journal.svg#JournalRegular') format('svg');font-weight:normal;font-style:normal}
.sigPad{margin:0 auto;padding:0;width:342px}.sigPad label{display:block;margin:0 0 0.515em;padding:0;color:#000;font:italic normal 1em/1.375 Georgia,Times,serif}.sigPad label.error{color:#f33}.sigPad input{margin:0;padding:0.2em 0;width:298px;border:1px solid #666;font-size:1em}.sigPad input.error{border-color:#f33}.sigPad button{margin:1em 0 0 0;padding:0.6em 0.6em 0.7em;background-color:#ccc;border:0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;cursor:pointer;color:#555;font:bold 1em/1.375 sans-serif;text-align:left}.sigPad button:hover{background-color:#333;color:#fff}.sig{display:none}.sigNav{display:none;height:2.25em;margin:0;padding:0;position:relative;list-style-type:none}.sigNav li{display:inline;float:left;margin:0;padding:0}.sigNav a,.sigNav a:link,.sigNav a:visited{display:block;margin:0;padding:0 0.6em;border:0;color:#333;font-weight:bold;line-height:2.25em;text-decoration:underline}.sigNav a.current,.sigNav a.current:link,.sigNav a.current:visited{background-color:#666;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-radius:8px 8px 0 0;color:#fff;text-decoration:none}.sigNav .typeIt a.current,.sigNav .typeIt a.current:link,.sigNav .typeIt a.current:visited{background-color:#ccc;color:#555}.sigNav .clearButton{bottom:0.2em;display:none;position:absolute;right:0;font-size:0.75em;line-height:1.375}.sigWrapper{clear:both;height:170px;border:1px solid #ccc;margin:0 auto}.sigWrapper.current{border-color:#666}.signed .sigWrapper{border:0}.pad{position:relative}.current .pad{cursor:url("../build/pen.cur"), crosshair;cursor:url("pen.cur") 16 16, crosshair}.typed{height:55px;margin:0;padding:0 5px;position:absolute;z-index:90;cursor:default;color:#145394;font:normal 1.875em/50px "Journal",Georgia,Times,serif}.typeItDesc,.drawItDesc{display:none;margin:0.75em 0 0.515em;padding:0.515em 0 0;border-top:3px solid #ccc;color:#000;font:italic normal 1em/1.375 Georgia,Times,serif}p.error{display:block;margin:0.5em 0;padding:0.4em;background-color:#f33;color:#fff;font-weight:bold}

