/* Custom Fonts ***********/
@font-face {
	font-family: 'open_sanssemibold';
	src: url('./Fonts/OpenSans-Semibold-webfont.eot');
	src: url('./Fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./Fonts/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('./Fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('./Fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansbold';
	src: url('./Fonts/OpenSans-Bold-webfont.eot');
	src: url('./Fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./Fonts/OpenSans-Bold-webfont.woff') format('woff'),
		 url('./Fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
		 url('./Fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

strong, bold b {
	font-family: 'open_sansbold';
	font-weight: normal;
}

/* General Layout ***********/

html {
	height:100%;
}

/* This class added to a DIV section around the entire page will allow a background image that 'filter' commands can be applied.
This may allow us to have a single background image for all and properly color shift to match their logo.

.bodyContainer:before
	{
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top:0;
	z-index: -1;

	display: block;
	background-image: url('./images/bg-body.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;

	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: hue-rotate(285deg);
	}

.bodyContainer
	{
	position: fixed;
	left: 0;
	right: 0;
	top:0;
	z-index: 0;
	padding: 50px 0;
	}
*/

body {
	background-image: url('./images/bg-body.png');
	/*background-color: white;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 5px 0;
	font-family: 'open_sanssemibold';
	color: #3F3E3E;
}

.npidSelector {
	width: 160px;
}

#page_wrapper {
	background-color: #f6fafd;
	border:5px solid white;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
						0 0 10px 0 rgba(0,0,0,.2);
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
				0 0 10px 0 rgba(0,0,0,.2);
	margin: 0 auto;
}

#javascriptWarning {
	width: 600px;
	background-color: white;
	border:5px solid white;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
						0 0 10px 0 rgba(0,0,0,.2);
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
				0 0 10px 0 rgba(0,0,0,.2);
	margin: 0 auto;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 10px;
	padding-top: 75px;
	padding-bottom: 75px;
	color: #E11;
	font-size: 14pt;
}

#timeoutWarning {
	margin: 100px auto;
	/*margin-top: 100px;
	margin-bottom: 100px;*/
	text-align: center;
	font-size: 14pt;
	background-color: #F6FAFD;
	max-width: 600px;
	border: 5px solid white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
				0 0 10px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.2),
						0 0 10px 0 rgba(0,0,0,.2);
	padding: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#timeoutOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
	background-color: #666;
	opacity: .4;
}

#timeoutPopup {
	position: fixed;
	top: 500px;
	left: 500px;
	background-color: white;
	color: black;
	border: 1px solid black;
	/*height: 75px;*/
	width: 300px;
	z-index: 1000001;
	opacity: 1;
	text-align: center;
	padding: 15px;
	padding-bottom: 5px;
}

#timeoutPopup > #timeoutText {
	min-height: 50%;
	text-align: center;
	vertical-align: center;
	margin-bottom: 10px;
}

#timeoutPopup > #timeoutButtons {
	height: 50%;
	text-align: center;
	/*display: inline-block;*/
	vertical-align: bottom;
}

.timeoutPopupButton {
	max-width: 40%;
}

#loadingOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
	background-color: #888;
	opacity: .4;
}

#loadingPopup {
	position: fixed;
	top: 500px;
	left: 500px;
	background-color: #999;
	color: #F5F5F5;
	border: 2px solid #555;
	width: 200px;
	z-index: 1000001;
	opacity: 1;
	text-align: center;
	vertical-align: center;
	padding: 15px;
	padding-bottom: 10px;
	font-size: 16pt;
}

.tubesListLabel {
	font-size: 11pt;
}
.tubesList {
	font-size: 9pt;
}
.tubesWrapper > .tubesList {
	margin-left: 15px;
}
.tubeComment {
	padding-left: 15px;
}

@media print {
	#loadingOverlay, #loadingPopup {
		display: none;
	}
	#popupMessage {
		display: none;
	}
}

/*  */

#navBar
	{
	padding:5px 0px;
	margin-bottom:20px;
	}

#navBar .title{
	height: 64px;
	color: white;
	font-size: 33px;
	text-align: center;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #80CBF4),
		color-stop(0.6, #459AEA)
	);
	background-image: -o-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -moz-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -webkit-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -ms-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: linear-gradient(to bottom, #80CBF4 0%, #459AEA 60%);
}

.tooltip {
	position: absolute;
	z-index: 1000;		/* must be a higher value than anything else near it. */
	padding: 5px;
	background: rgba(32, 32, 32, 0.8);
	opacity: 1;
	border-radius: 5px;
	text-align: center;
	pointer-events: none;
	color: white;
	transition: opacity .1s ease-out;
}
.tooltip.tooltip-hidden {
	opacity: 0;
}

input
	{
	position: relative;
	margin: 3px 0 2px 0;
	}

button.xbutton {
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #EEE;
	color: #EEE;
	background-color: #AAA;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 11px 3px;
	width: 20px;
	height: 20px;
	padding: 4px;
	margin: auto 5px;
}

input[type=text], input[type=password], 
input[type=button], input[type=email], 
input[type=date], input[type=time],
input[type=reset]
	{
	width: 160px;
	z-index: 1;
	}

input[type=button],
input[type=reset]
	{
	height: 38px;
	}

input[type=submit]
	{
	width: 150px;
	}

input.navButtons {
	border: none;
	background: none;
	color: white; 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: 210%;
}

input.navButtons:hover {
	background-color: #50ACED;
}

input.test {
	margin-left: 15px;
}

span.error {
	color: #E00;
}
div.error {
	/*color: #E00;*/
	color: black;
	font-size: 14pt;
	
	/*background-color: #F6FAFD;*/
	background-color: #FFDFDF;
	/*border: 2px solid #E66;*/
	border: 2px solid #E11;
	border-radius: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	padding-left: 8px;
	/*width: 95%;*/
	/*margin-right: 25px;*/
	margin: auto;
	text-align: center;
}
span.success {
	color: #0EE;
}
div.success {
	color: black;
	font-size: 14pt;
	
	background-color: #CFC;
	border: 2px solid #2B2;
	border-radius: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	padding-left: 8px;
	margin: auto;
	text-align: center;
}

div.message {
	color: black;
	font-size: 14pt;
	
	background-color: #E4E4E4;
	border: 2px solid #AAA;
	border-radius: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	padding-left: 8px;
	margin: auto;
	text-align: center;
}

#polytechLogo {
	padding: 5px 0;
	text-align: center;
}

#cpmLogo {
	padding: 5px 0;
	text-align: center;
	color: #686666;
}

#button2Form {
	background-color: #bec1c5;
	float: right;
	color: white;
	position: relative;
	height: 25px;
	/*margin-right:1px;*/
}

#logOutForm {
	/*background-color: #cfd1d5;*/
	background-color: #bec1c5;
	float: right;
	color: white;
	position: relative;
	right: 0;
	height: 25px;
	margin-left:1px;
}

#clientSwitchForm {
	padding: 0;
	font-size: 0;
		/*note that this is necessary to avoid having the contents pushed down 1px extra*/
}

#clientSwitchForm > input, #clientSwitchForm > select {
	color: white;
	background-color: #bec1c5;
	height: 25px;
	border: none;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: fit-content;
}

#clientSwitchForm input:hover, #clientSwitchForm select:hover {
	background-color: #50ACED;
}

#clientSwitchForm > * {
	margin-top: 0;
	margin-bottom: 0;
}

#locationChangeSelect {
	border-radius: 0;
	margin-right: 1px;
	max-width: 150px;
}

#locationChangeSelect > option {
	background-color: #bec1c5;
}

@media only screen and (max-width: 434px) {
	#clientSwitchForm {
		width: 100%;
	}
	#locationChangeButton, #locationChangeSelect {
		font-size: 17px !important;
	}
	#locationChangeButton {
		width: 125px !important;
		height: 50px !important;
		float: right;
	}
	#locationChangeSelect {
		height: 50px !important;
		max-width: 217px;
	}
}

#buttonsDiv
	{
	height: 25px;
	margin: 2px 0px 2px 2px;
	}

#textboxWrap
	{
	margin: 0 auto;
	width: 168px;
	}

#otherWrap
	{
	margin: 0 auto;
	position: relative;
	width: 168px;
	}

#buttonWrap
	{
	margin: 0 auto;
	position: relative;
	width: 150px;
	}

.prev:focus, .next:focus,
.redButton:focus, .greenButton:focus,
#frmDemos :focus, #frmSelectOrders :focus, 
#frmAccounts :focus
	{
	box-shadow: 5px 5px 5px blue;
	}

#typeWrap
	{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-color: #C0C0C0;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
	}

.noselect
	{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	}

.scrolling
	{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F6FAFD;
	border-color: #F6FAFD #F6FAFD;
	/*border-color: #000 #000;*/
	border-image: none;
	border-radius: 15px 15px 0 0;
	border-style: solid solid none;
	border-width: 5px 5px medium;
	bottom: 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px 0 rgba(0, 0, 0, 0.2);
	margin-left: -18px;
	margin-right: auto;
	margin-top: 0;
	position: fixed;
	/*width: 961px;*/
	}

#endDiv {
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

#endDiv .prev, #endDiv .next {
	margin: 15px;
}

.labels_small {
	font-size: 11px;
	vertical-align: middle;
}

.labels_large {
	font-size: 18px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.labelsBold {
	font-size: 18px;
	font-family: 'open_sansbold';
	vertical-align: middle;
	margin-bottom: 5px;
}

.markAsRequired {
	font-size: 11pt;
	color: red;
}

input.labelsBold:active {
	position: relative;
	top: 2px;
	left: 2px;
}

.pframeSub
	{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 15px 10px 25px;
	padding: 10px;
	}

.pframe {
	border: none;
	border-radius: 5px;
	margin: 0px auto;
	box-sizing: content-box;
}

.shipFromDisplayAddr, .shipToDisplayAddr, .DisplayAddr {
	font-size: 10pt;
}

table.CBGrid {
	width: 100%;
	table-layout: fixed;
}

td.CBGrid {
}

#pager {
	max-width: 100%;
}

@media print {
	.printWrapper {
		min-height: 100%;
		page-break-after: always;
	}
}

table.preprintedBC {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

@media print {
	table.preprintedBC {
		display: none;
	}
}

table.preprintedBC td {
	padding: 5px;
}

p.preprintedBC {
	text-align: center;
	font-size: 12pt;
}

#preprintedSpan {
	font-size: 16pt;
}

#preprintedBCButton {
	text-align: left;
}

.SuppliesFrame
	{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	padding: 10px;
	}


.textBox
	{
	background: #ffffff;
	border: solid 1px #C0C0C0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 5px;
	font-size: 12px;
	outline: none;
	padding: 3px;
	height: 20px;
	}
.textBox.dropDate {
	height: 32px;
}
.dropDate.month {
	margin-right: 3px;
	width: 52px;
}
.dropDate.day {
	margin-right: 3px;
	width: 47px;
}
.dropDate.year {
	width: 63px;
}

@-moz-document url-prefix() {
select.textBox {
	padding: 0.5em 3px 0.5em 0 !important;
}
}

.textBox_RO {
	border: none;
	background: transparent;
	font-size: 12px;
	outline: none;
	padding: 3px;
	height: 20px;
}

input.labels, button.labels
	{
	font-size: 14px;
	vertical-align: middle;
	background-image:-webkit-linear-gradient(#80CBF4, #459BEB);
	background-image:-moz-linear-gradient(#80CBF4, #459BEB);
	background-image:-ms-linear-gradient(#80CBF4, #459BEB);
	background-image:-o-linear-gradient(#80CBF4, #459BEB);
	background-image:linear-gradient(#80CBF4, #459BEB);
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
						0 0 10px 0 rgba(0,0,0,.4);
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
				0 0 10px 0 rgba(0,0,0,.4);
	border: 3px solid white;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: white;
	font-family: open_sanssemibold;
	}

input[type=button].disabled
	{
	font-size: 14px;
	vertical-align: middle;
	background-image:-webkit-linear-gradient(#c0c0c0, #656565);
	background-image:-moz-linear-gradient(#c0c0c0, #656565);
	background-image:-ms-linear-gradient(#c0c0c0, #656565);
	background-image:-o-linear-gradient(#c0c0c0, #656565);
	background-image:linear-gradient(#c0c0c0, #656565);
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
						0 0 10px 0 rgba(0,0,0,.4);
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
				0 0 10px 0 rgba(0,0,0,.4);
	border: 3px solid white;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: white;
	padding: 7px 15px 9px;
	}

input.labels:disabled, button.labels:disabled
	{
	font-size: 14px;
	vertical-align: middle;
	background-image:-webkit-linear-gradient(#c0c0c0, #656565);
	background-image:-moz-linear-gradient(#c0c0c0, #656565);
	background-image:-ms-linear-gradient(#c0c0c0, #656565);
	background-image:-o-linear-gradient(#c0c0c0, #656565);
	background-image:linear-gradient(#c0c0c0, #656565);
	-webkit-box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
						0 0 10px 0 rgba(0,0,0,.4);
	box-shadow:	inset 0 0 10px 0 rgba(0,0,0,.4),
				0 0 10px 0 rgba(0,0,0,.4);
	border: 3px solid white;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: white;
	padding: 7px 15px 9px;
	}

input.labels:active, button.labels:active {
	position:relative;
	top:2px;  
	left: 2px;
}

td.labels.col1.2cols {
	min-width: 40%;
	max-width: 50%;
}

.prev, .next, .redButton, .greenButton {
	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	background-image:linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	display:inline-block;
	vertical-align:middle;
	margin:2px;
	font:italic 14px/32px Georgia,Serif;
	text-align:center;
	color:white;
	text-decoration:none;
	text-shadow:0px 1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow:inset 0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
	padding:0px 15px 3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.next, .greenButton {
	float: right;
	position: relative;
	background-color:#82C43A;
	margin-right: 15px;
}
.prev, .redButton {
	background-color:#F5494C;
	margin-left: 15px;
}
.prev:hover, .next:hover, .redButton:hover, .greenButton:hover {
	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));
	background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));
	background-image:-ms-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));
	background-image:-o-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));
	background-image:linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));
}
.prev:active, .next:active, .redButton:active, .greenButton:active {
	position:relative;
	top:2px;  
	left:2px;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
#loginPage #Panel1
	{
	margin: 10px auto 15px;
	}

#loginPage #badTryLbl
	{
	float: left;
	width: 168px;
	color: #FF0000;
	font-size: 10px;
	text-align: center;
	}

#loginPage #liResetPswdBtn, #patLoginResetPswdBtn
	{
	background-color: transparent;
	border: 0 none #000000;
	border-radius: 0;
	color: #0000CD;
	font-family: Tahoma;
	font-size: 11px;
	height: 19px;
	}
	
#loginPage input[type=button]
	{
	height: 38px;
	width: 100%;
	}

#webMenuPage #loggedInPnl {
	margin: 10px auto 15px;
	text-align: center;
}

#actionButtons.flexBox{
	justify-content: center;
}

#editProfilePage #sectionWrap, .sectionWrap {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
}

#editProfilePage #textLabels, .textLabels {
	display: inline-block;
	padding-right: 5px;
	text-align: right;
	width: 35%;}

#pageOrderSupplies_form .textLabels {
	display: inline-block;
	padding-right: 5px;
	text-align: right;
	width: 50%;
}

#editProfilePage #groupWrap, .groupWrap {
	float: none;
}

#rightWrap {
	width:90%;
	text-align:right;
	margin-top:10px;
}

#editProfilePage .feedback
	{
	color: #FF0000;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 50%;
	}

#viewReportsPage #contentWrap
	{
	margin: 20px 5px 25px 5px;
	}
	
#pageOrders #contentWrap
	{
	margin: 25px 0 ;
	}

#pageOrders #orDiv
	{
	font-family: 'open_sansbold';
	font-size: 18px;
	width: 100% !important;
	font-weight: bolder;
	text-align: center;
	margin: 15px 0;
	}

#pageOrders #btnPoNew {
	background-image: linear-gradient(#64B1DB, #0A5AB4);
	border: 3px solid #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px 0 rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	font-size: 25px;
	height: 52px;
	padding: 0 20px;
	width: auto !important;
}

/*
#pageOrders #btnPoDeletePatient {
	background-image: linear-gradient(#D3D5D6, #8D8F92);
	border: 3px solid #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px 0 rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	padding: 0;
	width: 135px;
	}
*/

#pageOrders #patGridWrap {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	width: 95% !important;
}

#pageOrders #innerGridWrap {
margin: 10px auto;
/*width: 432px;*/
}

#lblAcctType select{
	display: none; /* set to display: block under 481px media query */
}


/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*                    2015 Updates                      */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

input.ui-pg-input {
width: 25px;
}

@media only screen and (min-width: 681px)
	{
	/*#cpmDate:after { content: " Drawn"; }*/
	/*#jqgh_reportGrid_item_pid:before { content: "Patient "; }*/
	/*#jqgh_reportGrid_item_type:before { content: "Report "; }*/
	}

@media only screen and (max-width: 680px)
	{
	#webMenuPage #loggedInPnl
		{
		margin: 30px auto 15px;
		font-size: 30%;
		}

	#viewReportsPage .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all,
	#viewReportsPage .ui-jqgrid-view,
	#viewReportsPage .ui-state-default.ui-jqgrid-hdiv,
	#viewReportsPage .ui-jqgrid-bdiv,
	#viewReportsPage .ui-jqgrid .ui-jqgrid-htable,
	#viewReportsPage #pager,
	#viewReportsPage #reportGrid,
	#viewOrdersGridWrap .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all,
	#viewOrdersGridWrap .ui-jqgrid-view,
	#viewOrdersGridWrap .ui-state-default.ui-jqgrid-hdiv,
	#viewOrdersGridWrap .ui-jqgrid-bdiv,
	#viewOrdersGridWrap .ui-jqgrid .ui-jqgrid-htable,
	#viewOrdersGridWrap #pager,
	#viewOrdersGridWrap #reportGrid,
	/*#ordersListCloseupArea,*/
	#innerGridWrap,
	.ui-state-default.ui-jqgrid-hdiv,
	.ui-jqgrid-bdiv,
	#patGrid,
	#pager_center
		{
		width: 100% !important;
		}

	#viewReportsPage .ui-jqgrid-hbox
		{
		padding-right: 0px !important;
		}

	#pager_left,
	#pager_right,
	#pageOrders .ui-search-toolbar,
	#viewReportsPage .ui-search-toolbar,
	#pageSelectOrders legend.labels_large,
	#pageSelectOrders .testName,
	#pageSelectOrders .abrvParens,
	#pageSelectOrders .qtip,
	.ui-paging-info
		{
		display: none !important;
		}

	.ui-jqgrid tr.jqgrow td
		{
		overflow: auto !important;
		white-space: pre-wrap !important;
		word-break: break-all !important;
		}

	.ui-accordion .ui-accordion-content
		{
		padding: 10px !important;
		}

	#viewReportsPage th:nth-of-type(1),
	#viewReportsPage td:nth-of-type(1),
	#pageOrders th:nth-of-type(1),
	#pageOrders td:nth-of-type(1),
	#jqgh_patGrid_cb
		{
		width: 25px !important;
		}

	th:nth-of-type(5),
	td:nth-of-type(5)
		{
		width: 15% !important;
		}

	#viewReportsPage th:not(th:nth-of-type(1)),
	#viewReportsPage td:not(td:nth-of-type(1))
		{
		width: 20% !important;
		}

	#pageOrders th:not(th:nth-of-type(1)),
	#pageOrders td:not(td:nth-of-type(1))
		{
		width: 40% !important;
		}

	.ui-pg-input
		{
		width: 20px !important;
		}
	}

@media only screen and (max-width: 1000px)
	{
	#pageSelectOrders  #page_wrapper
		{
	    width: 92% !important;
	    min-width: 270px;
		}
	#endDiv
		{
		/*width: 88.3% !important;*/
		/*width: 740px;*/
		}
	}

@media only screen and (max-width: 800px){
	.download-btn,
	.hl7-btn{
		display: none;
	}
}

@media only screen and (max-width : 680px)
	{
	#page_wrapper
		{
		width: 92% !important;
		min-width: 270px;
		}
	#polytechLogo img
		{
		max-width: 94%;
		}
	.ui-jqgrid-view
		{
		width: 100% !important;
		}
	#actionButtons input
		{
		width: 80%;
		}
	}

@media only screen and (max-width : 600px)
	{
	#page_wrapper
		{
		width: 92% !important;
		min-width: 270px;
		}
	#polytechLogo img
		{
		max-width: 94%;
		}
	#pageOrders div#gbox_patGrid
		{
		width: 93% !important;
		}
	}

@media only screen and (max-width: 520px)
	{
	.flexBox.reportButtons{
		justify-content: center;
	}
	.flexBox.reportButtons > *{
		flex-basis: 100%;
		text-align: center;
	}
	.flexBox.reportButtons input{
		width: 100%;
	}
	}

@media only screen and (max-width : 512px)
	{
	#pageOrders #innerGridWrap,
	#pageOrders div#gbox_patGrid,
	#pageOrders #gview_patGrid,
	#pageOrders .ui-jqgrid-htable,
	.ui-jqgrid .ui-jqgrid-hdiv,
	.ui-jqgrid .ui-jqgrid-bdiv,
	#pageOrders #patGrid,
	.checkBoxGrid,
		{
		width: 290px !important;
		}
	}

@media only screen and (max-width : 434px)
	{
	.open-btn,
	.download-btn,
	.hl7-btn
		{
		width: 100%;
		float: none !important;
		text-align: center !important;
		margin: 10px 0;
		}

	#logOutForm, #button2Form
		{
		width: 125px;
		height: 50px;
		}

	#button2Form
		{
		float: left;
		}

	.navButtons
		{
		font-size: 17px !important;
		}
	}

@media only screen and (max-width : 475px)
	{
	div#pager {
		max-width: 100%;
	}
	#editProfilePage #groupWrap,
	#editProfilePage input.textBox_RO
		{
		text-align: center;
		}

	#editProfilePage #textLabels, .textLabels
		{
	    display: inline-block;
	    padding-right: 5px;
	    text-align: center;
	    width: 100%;
		}

	#txtOrderer,
	#txtOrdererEmail,
	#txtOrdererPhone,
	#txtOrdererAddress1,
	#txtOrdererAddress2
		{
		width: 97%;
		text-align: center;
		display: block;
		}

	#txtOrdererPhone,
	#txtOrdererAddress1,
	#txtOrdererAddress2
		{
		margin-top: -30px;
		}

	#txtSupplies
		{
		width: 94%;
		margin: 1.5%;
		}

	#editProfilePage #sectionWrap, 
	.sectionWrap
		{
		margin-left: 0;
		}

	#pageDemoEntry #navBar .title
		{
		font-size: 24px;
		}

	#frmDemos table
		{
		margin: 0 auto !important;
		}

	#frmDemos td
		{
		display: block;
		width: 100%;
		text-align: center !important;
		}

	#frmDemos legend.labels
		{
		text-align: center;
		}

	.labels_large
		{
	    vertical-align: middle;
	    margin-bottom: 10px;
		}

	fieldset.pframe
		{
		padding: 0;
		}
	.old-btn, .new-btn, .all-btn
		{
			float: none !important; /* Override Inline styles. Consider removing. */
			text-align: center;
		}
	input.labels
		{
			width: 100% !important; /* Override Inline styles. Consider removing. */
			height: 50px;
		}
	.title div
		{
			font-size: 24px;
		}
	#editAccountTxt
		{
			margin-top: 30px;
		}
		/* Accounts Page */
	#accountsPage #lblAcctInfo, #accountsPage #lblContactInfo
		{
			display: none;
		}
	#topWrap
		{
			text-align: center;
		}
	#displayPreferencesAccordion {
		margin: 5px auto;
	}
	#pnlSubAcct, #lblAcctType
		{
			/*float: none !important;*/	/* Applies in 3 places, doesn't seem to do anything in any of them. Two of them try (successfully?) to override it with float: left; */
			margin: 0px !important;
			width: 100% !important;
		}
	#selectWrap {
		margin: 0 auto;
		min-width: 160px;
	}
	#midWrap td
		{
			width: 30% !important;
		}
	#lblAcctType select
		{
			display: block;
		}
	#lblAcctType #radioWrap
		{
			display: none;
		}
	#gbox_acctGrid, #gridWrap, #gbox_acctGrid *
		{
			width: 100% !important;
			max-width: 100% !important;
		}
	#gbox_clientGrid, #clientWrap, #gbox_clientGrid *
		{
			width: 100% !important;
			max-width: 100% !important;
		}
	#clientListWrapper, #gbox_clientList, #gbox_clientList *,
	#usersInClientWrapper, #gbox_usersInClient, #gbox_usersInClient *,
	#unassignedUsersWrapper, #gbox_unassignedUsers, #gbox_unassignedUsers *
		{
			width: 100% !important;
			max-width: 100% !important;
		}
	.resendVerification
		{
			padding-left: 0px !important;
		}
	#emailVerificationResponse
		{
			padding: 0px 10px;
		}
	#moduleRow > *
		{
			width: 100%;
		}
	}

@media only screen and (max-width : 925px)
	{
	#pageOrderSupplies table
		{
		margin: 0 auto !important;
		}

	#pageOrderSupplies fieldset
		{
		min-width: 0px !important;
		}

	#pageOrderSupplies td
		{
		display: block;
		width: 100% !important;
		white-space: normal !important;
		word-break: break-word;
		}

	#pageOrderSupplies table
		{
		width: 100% !important;
		}

	#pageOrderSupplies #rightWrap
		{
		width: 100% !important;
		text-align: center;
		}

	#pageOrderSupplies tr:nth-of-type(1),
	#pageOrderSupplies td[colspan="3"]
		{
		display: none;
		}

	#pageOrderSupplies td:nth-of-type(3)
		{
		margin-bottom: 25px;
		}
	}

@media only screen and (min-width : 513px) and (max-width : 599px)
	{
	#pageOrders div#gbox_patGrid,
	.checkBoxGrid
		{
	    width: 430px !important;
		}
	}

@media only screen and (max-width : 370px)
	{
	#pageOrders #innerGridWrap,
	#pageOrders div#gbox_patGrid,
	#pageOrders #gview_patGrid,
	#pageOrders .ui-jqgrid-htable,
	.ui-jqgrid .ui-jqgrid-hdiv,
	.ui-jqgrid .ui-jqgrid-bdiv,
	#pageOrders #patGrid,
	.checkBoxGrid
		{
		width: 250px !important;
		}
	}

/* iPhone 6 */
@media only screen and (max-width: 667px) and (min-width: 320px){
	#accountsPage #lblAcctInfo, #accountsPage #lblContactInfo
		{
		display: none;
		}
}

#editAccountTxt{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #80CBF4),
	color-stop(0.6, #459AEA)
		);
	background-image: -o-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -moz-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -webkit-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: -ms-linear-gradient(bottom, #80CBF4 0%, #459AEA 60%);
	background-image: linear-gradient(to bottom, #80CBF4 0%, #459AEA 60%);
	color: white;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

#lblInstruc{
	padding-top: 10px;
}

#btnPswd{
	margin-top: 10px;
}

#midWrap .flexBox{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#midWrap select{
	margin: 0 auto;
}

a[href^="#"]{
	text-decoration: none;
}

.additionalSettings{
	margin-top: 10px;
}

.reportButtons input{
	width: 150px;
}

.checkBoxGridSummary {
	width: 100%;
	border-radius: 5px;
}

.cbListSummary {
	width: 100%;
}

.cbListSummary td {
	padding: 2px;
}

.cbListSummaryHeader {
	text-align: center;
}
.cbListSummaryHeader td {
	border-bottom: 1px solid #BBB;
}

.cbListSummaryRow.even {
	background-color: #E0E0E0;
}

/*----------------------------- Flexbox Settings -----------------*/

.flexBox {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	align-content: space-around;
	flex-wrap: wrap;
	width: 100%;
}

.flexBox.flexLeft {
	justify-content: flex-start;
}
.flexBox.flexRight {
	justify-content: flex-end;
}
.flexBox.flexCenter {
	justify-content: center;
}
.flexBox.flexCenterSpace {
	justify-content: space-evenly;
}

.flexBox.flexRow {
	align-items: flex-start;
	flex-direction: row;
}

.flexBox.flexCol {
	align-items: center;
	flex-direction: column;
}