.navbar-default {
    background-color: rgba(255,255,255,0.8);
}

.loginContainer{
	margin-top: 150px;
	max-width: 500px;
}
.loginContainer .btn {
	float: right;
	width: 30%;
}
.loginContainer span.error {
	color: #bc1339;
}

.adminContainer {
	margin-top:150px;
	max-width:600px;
}

.adminContainer .selectButton {
	min-width:150px;
	height:150px;
	margin:auto;
	text-align:center;
	margin-top:50px;
	cursor:pointer;
}
table.calender th, table.calender td{
	text-align: center;
	width: 14%;
}

table.calender td {
	position: relative;
	width: 85px;
	height: 85px;
}

table.calender td.today {
	background-color: #cf9;
}

table.calender td>span.date {
	position: absolute;
	top: 10px;
	left: 10px;
}

table.calender td>span.po {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size:9px;
}

table.calender td>span.target {
	position: absolute;
	text-align:right;
	width:100%;
	font-size:9px;
	left:-3px;
	bottom:3px;
}

span.footnote {
	font-size:9px;
}

#generatedReport .panel-body {
	padding: 10px 15px;
}

#generatedReport .panel-body span.value {
	font-weight: bold;
	text-decoration: underline;
}

#generatedReport .panel-body>div.row {
	padding-top: 15px;
}

#lineitems-container span.error, .total-item-error{
	color: #bc1339;
	padding-left:5px;
	padding-top:1px;
	font-size:10px;
	font-weight: bolder;
}

#lineitems-container input.item-unit {
	display: inline-block;
	width: 50%;
}

#lineitems-container i.unit-button {
	padding: 0 5px;
	cursor: pointer;
}

#lineitems-container div.unit-container {
	margin-left: -26px;
}
#lineitems-container label.subtotal-container {
	margin-right: 26px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.ui-autocomplete .code {
	font-size: 12px;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-autocomplete-category, .ui-autocomplete .ui-menu-item {
	border-bottom: 1px solid #bbb;
}

span.form-value {
	margin-top:8px;
	display:block;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}
span.remark {
	margin-left: 5px;
	font-size: 71.4%;
}


.piechart {
	height: 500px;
	margin: 0 auto;
	position: relative;
	width: 720px;
}

nav>ul.pagination {
	max-width:600px;
	white-space: nowrap;
  overflow: auto;
}
nav>ul.pagination>li {
	display: inline-block;
}
iframe {
	width: 100%;
}

#lineitemReport {
	height: 600px;
}

#dailylineitemreport {
	height: 600px;
}