/* Minification failed. Returning unminified contents.
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(68,6): run-time error CSS1035: Expected colon, found ','
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
 */
@import "variables.less";
html, body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
 {
  font-family: 'Open Sans', sans-serif;
}

body {
  min-height: 1100px;
}
h1{
    @media (max-width: @screen-xs) {
        font-size: 28px;
    }
}

h1 small
{
	display: block;
	font-size: 14px;
    margin-left: 15px;
}

#logo
{
	width: 219px;
	margin: 0;
	padding: 4px 0 0 0;
	float: left;
	overflow: hidden;
}
#logo h1
{
	background: transparent url("images/logo.png") no-repeat 0 0;
	display: block;
	height: 65px;
	overflow: hidden;
	line-height: 1000px;
	outline: 0;
	margin: 0;
}


#piechart_container, #WaterChart_container
{
	display: block;
	position: relative;
	height: 260px;
}

footer{
    margin-top: 20px;
    color: #86d2ff;
    background-color: #146EA5;
    padding: 60px 0;
    border-top: solid 4px #148CD2;
    a, a:hover
    {
        color: #eee;
    }
    a:active{
        color: #fff;
    }
}

/* Bootstrap overrides */

a.list-group-item {
    color: #428BCA;
}


.glyphicon-question-sign
{
	color: #666;
}

.navbar-collapse{
}

.navbar-form #query {
    @media (min-width: @screen-sm) {
        width: 160px;
    }
    @media (min-width: @screen-md) {
        width: 300px;
    }
    @media (min-width: @screen-lg) {
        width: 400px;
    }
}