/* Body */
body
{
	background-color: #EEE;
    padding-top: 50px;
	margin-bottom: 1em;
}

/* Header area (containing title and date range buttons */
.headerContainer
{
	overflow: hidden;
}

/* Date range buttons */
.dateRangeButtons
{
	margin-top: 1.5em;
}

/* Result area */
.resultsArea
{
	display: none;
}

/* Spinning glyphicon */
.glyphicon.spinning
{
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin
{
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

/* Layout boxes */
.box
{
	position: relative;
	padding: 1em;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-top: 1em;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}
.box:last-child
{
    margin-bottom: 1em;
}

/* Box theming */
.box-green
{
	background-color: #dff0d8;
	border-top: 3px solid #d6e9c6;
	color: #3c763d;
}
.box-yellow
{
	background-color: #fcf8e3;
	border-top: 3px solid #faebcc;
	color: #8a6d3b;
}

/* Chartist labels */
.ct-label
{
	font-size: 1em;
}

/* Chart legends */
.chartLegend li
{
	list-style: none;
	padding-left: 0;
}
.legendBlock
{
	display: inline-block;
	vertical-align: middle;
	height: 1em;
	width: 1em;
	margin-right: 1em;
}
.ct-series-0
{
	background-color: #d70206;
}
.ct-series-1
{
	background-color: #f05b4f;
}
.ct-series-2
{
	background-color: #f4c63d;
}
.ct-series-3
{
	background-color: #d17905;
}
.ct-series-4
{
	background-color: #453d3f;
}
.ct-series-5
{
	background-color: #59922b;
}
.ct-series-6
{
	background-color: #0544d3;
}
.ct-series-7
{
	background-color: #6b0392;
}
.ct-series-8
{
	background-color: #f05b4f;
}
.ct-series-9
{
	background-color: #dda458;
}
.ct-series-10
{
	background-color: #eacf7d;
}
.ct-series-11
{
	background-color: #86797d;
}

/* Legend hover */
.legendHover
{
	font-weight: bold;
}
.legendHover .legendBlock
{
	border: solid 1px black;
}

/* Vertically centered popup loader */
.loadingPopupContainer
{
	display: none;
	position: absolute;
	border-radius: 4px;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.1);
}
.loadingPopupContainer .loadingPopup
{
	padding: 2em 4em;
	background-color:white;
	display: inline-block;
	vertical-align: middle;
}
.loadingPopupContainer:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

/* Anchor tags within a disabled list item (usually pagination) */
li.disabled a
{
	pointer-events: none;
}

/* Row of statistics (usually chart & text) */
.statisticsRow
{
	overflow: hidden;
}

/* Text Colouring */
.greenText
{
	color: green;
}
.orangeText
{
	color: orange;
}
.redText
{
	color: red;
}

/* Modals */
.modal-content
{
	overflow: hidden;
}

/* Centering */
.centeringOuter
{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.centeringMiddle
{
    display: table-cell;
    vertical-align: middle;
}
.centeringInner
{
    margin-left: auto;
    margin-right: auto; 
}

/* Warnings about 2 years worth of auditing data */
#hiddenTwoYearWarning
{
	display:none;
}