html,
body {
    height: 100%;
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
}

main {
	margin-top: 20px;
}

.wrap {
    /*min-height: 100%;*/
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.graph-container {
	box-sizing: border-box;
	width: 100%;
	height: 500px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	display: table;
	/*border: 1px solid #ddd;
	background: #fff;*/
/*
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	*/
}

.yaxisLabel {
	top: 50%;
	left: 25px;
	position: absolute;
	text-align: center;
	font-size:10px;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform:  rotate(-90deg);
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.graph-placeholder {
	width: 90%;
/*	height: 300px%;*/
	font-size: 14px;
	line-height: 1.2em;
	display:table-cell;
/*	border:solid 1px black;*/
/*	margin: 0 auto;*/
}    


.graph-legend {
    width: 300px;
/*    height: 300px;*/
	display:table-cell;
    font-size: 14px;
    line-height: 1.2em;
	padding-top: 10px;
/*    border:solid 1px black;*/
/*    margin: 0 auto;*/
}

.graph-options {
	width: 300px;
    display:table-cell;
    font-size: 14px;
    line-height: 1.2em;
    padding-top: 10px;
    /*border:solid 1px black;*/
    margin: 0 auto;
	text-align: center;
}

.graph-options > table {
	margin: 0 auto;
}


.gauge-container {
	display:inline-block;
	box-sizing: border-box;
	width: 130px;
/*	height: 250px;*/
/*	padding: 20px 15px 15px 15px;*/
	margin: 0px 0px 0px 20px;
	/*border: 1px solid #ddd;*/
	background: #fff;
	/*)
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);*/
}

.gauge-table {
	width:60%;
	margin-left: auto;
    margin-right: auto;
}

.gauge-table td {
}

.gauge-table .left {
	/*text-align:left;*/
}

.gauge-table .right {
	/*text-align:right;*/
}


.flot-tick-label {
	font-family: "proxima-nova-n8","proxima-nova",sans-serif;
	font-size:14px;
	font-weight:bold;
}

.button {
    font: bold 90% verdana, tahoma, arial, helvetica, sans-serif;
    width:25px;
    height: 24px;
    border:0px solid;
    border-color: #000000;
    background-color: #ffffff;
}

.button-up {
	background-image: url('/images/arrow_up.png');
}

.button-down {
    background-image: url('/images/arrow_down.png');
}

.button-left {
    background-image: url('/images/arrow_left.png');
}

.button-right {
    background-image: url('/images/arrow_right.png');
}

.button-plus {
    background-image: url('/images/plus.png');
}

.button-minus {
    background-image: url('/images/minus.png');
}