html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

.loading {
	/*position: absolute;*/
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000 url('../img/ajax-loader.gif') no-repeat center center;
	z-index: 10000;
	opacity: 0.9;
	display: none;
}

/* Wrapper for page content to push down footer */
.wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;
	/* Pad bottom by footer height */
	padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
.footer {
	height: 60px;
	background-color: #f8f8f8;
	border-top: 1px solid #B8B8B8;
	color: #777;
}

.footer a, .footer a:hover {
	color: #777;
}

.copyright {
	margin-top: 16px;
	font-size: 16px;
}

.login-panel {
	margin-top: 80px;
}

.navigation {
	padding: 0 15px;
}
.navigation .label, .navigation .glyphicon {
	margin-right: 5px;
}

.message {
	height: 50px;
}

.action-bar {
	margin-bottom: 15px;
	height: 34px;
}

.info {
	margin-bottom: 10px;
}

.data-table td, th {
	vertical-align: middle !important;
}
.data-table .glyphicon {
	font-size: 1.3em;
}
.data-table .glyphicon-reset {
	font-size: 1em !important;
}
.data-table tr.tablesorter-filter-row input.disabled {
    display: none;
}
.data-table .text-alert {
	color: #FF0000;
}
.data-table tr .form-group {
	margin-bottom: 0;
}

.modal-message .notification {
	padding: 8px;
}

/* bootstrap modal size fix */
@media (min-width:768px) {
    .modal-sm { width: 300px }
    .modal-lg { width: 900px }
}