.container-fluid {
    padding: 0px !important;
}

div.block-overlay {
	position: absolute;
	display: block;
}

#query-options {
	width:100%;
	height:40px;
	background-image:linear-gradient(#E2E2E2, #D9D9D9);
	border-bottom:1px solid #AEAEAE;
	margin-top:-6px;
}

.help-txt{
	font-size:11px;
	text-align:right;
	float:right;
	margin-top: -5px;
}

.popup-info {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: white;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}

.left_sidebar {
	padding-left:8px;
	margin-top:1px;
	background-color:white;
	background-image:none;
	height:782px !important;
}

div.leaflet-div-icon {
	background: none;
	border: none;
}

input.text-entry {
	margin-left: 8px;
	display: inline;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 150px;
}

input.date-fieldtext {
	text-align:center;
	border:1px solid !important;
	border-color:rgb(185, 182, 182);
	background-color:white;
	height:20px;
	width:80px;
	display:inline-block;
	vertical-align:middle; 
	border-radius:3px;
	padding-left: 6px;
	//position: relative;
	//z-index: 1000;
}

.clearable-input-wrapper {
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
}

.clearable-input-wrapper.clearable-focus {
}

div.clearable-focus input{
	border-color:rgb(0, 100, 200) !important;
}


a.clear-input {
	display:inline-block;
	margin: 2px 6px 0 6px;
}

a.clear-input>.fa {
	//margin: 2px 3px 0;
}

.form-group label {
	display:inline-block;
	width:15%;
	text-align:left;
	float:left;
}

.form-group input {
	display:inline-block;
	float:left;
	padding:1px;
	font-size: 12px;
}

.btn-force-right {
	width:10%;
	float:right;
	text-align:right;
}

.single_grid {
	margin:0px !important;
	padding-left:1px;
}

.btn-grp-right {
	float:right;
}

#current-information h4 {
	display:inline-block;
}
.clear-btn {
	max-width:33%;
}

#div_stations_and_variables {
	width:100%;
}

.tgl-btn {
	float:right !important;
	position:relative;
	bottom:2px;
	text-align:right;
}

.tgl-all-btn {
	float:right;
}

.tgl-none-btn {
	float:right;
}

.tgl-this-off span{
	color:black !important;

}

.left_sidebar.variable_list{
	width:30% !important;
}

.tgl-this {
	padding: 2px 5px 0 4px !important;

}
.tgl-this span{
	font-size:14px;
	width:10px;
}

#check-all {
	float:right;
	margin-right:4px;
}

#check-none {
	float:right;
	margin-right:4px;

}

.panel-body {
	padding-top:6px;
	padding-bottom:6px;
}

.well {
	width:104%;
}

.btn-variable {
	width:auto !important;
	font-size:13px !important;
	background-color:white !important;
	line-height:130%;
}

.btn-variable.selected {
	color:green !important;
	font-weight:300;
}

a.btn-variable:hover, a.btn-variable-hovered {
	font-weight:300;
	color:blue;
	text-decoration:underline;
}

div.variable-item {
	width:100%;
	display:inline-block;
	border-bottom:1px dotted #E1E1E1;
}

div.variable-item-hovered {
	cursor: pointer;
}

.hide-btn {
	position:absolute:
	top:3px;
	height:3px;
	width:2px;
}

.wait-for-map {
	visibility:visible;
	display:inline-block !important;
}

#sidebar-gazetteer {
	border:none 0px;
	background:none;
	margin-bottom:6px;
	width:100%;
}

#sidebar-gazetteer select {
	display:inline-block;
}

#list-container{
	background-color:white;
	border:1px solid #DDDDDD;
	padding:6px;
	height:670px;
}

#list {
	overflow:auto;
	background-color:white;
	height:656px;
}

.help-menu {
	min-width:400px !important;
	z-index:1001 !important;
}

.help-menu li p {
	padding-left:16px;
}

.highlight{
	color: #063DFF;
}

.help-menu li h4 {
	padding-left:12px;
}

.list-station button span {
	width:10px;
	font-size:14px;
}

.list-station button {
	padding: 2px 5px 0 4px !important;
	margin-right:6px;
}

.panel-holder {
	background-color:rgb(233, 233, 233);
	padding-left:18px;
	border:1px solid rgb(185, 182, 182) !important;; 
}

.top-btn-grp button {
	border-color: rgb(185, 182, 182) !important;
}
.top-btn-grp {
	margin:0 -4px 4px -10px;
}

.text-folder{
	color: black;
}

.text-green{
	color:green;
}

.panel-default {
	border:1px solid rgb(185, 182, 182) !important; 
}

.panel-heading {
	padding:4px !important;
}

.panel-title {
	font-size:16px !important;
	color:black;
}

.project-station-color {
	float:right;
	margin-right:8px;
}

#sidebar-gazetteer select {
	border:1px solid;
	border-color:rgb(185, 182, 182);
	background-color:#f5f5f5;
	border-radius:3px;
	height:20px;
	margin:2px;
	max-width:20%;
}

#content-simple {
	min-height:795px !important;
	background:white;
}

#station_count{
	padding-left:6px;
}

#helper-buttons {
	margin: 10px auto 0 auto;
}

button.btn-container {
	padding: 0px;
	height: 32px;
}

.btn-container div.btn-content {
	margin: 5px 10px;
	float: left;
}

.btn-variable.selected, .btn-project.selected {
	text-shadow:none !important;
	box-shadow:none !important;
}

.station-holder{
	background-color:#E9E9E9; 
	border:1px solid #A7A7A7;
	height: auto; 
	margin-bottom: 2px; 
}

.info-container {
	padding: 6px 0 0 10px;
}

.map1_gazetteer_filter {
	color:black;
	background-color:white;
	height:14px;
}

div.single-grid {
	padding-left:0px !important;
}

#current-information {
	padding-left:6px;
}

#selection-information {
	display:block;
	padding-left:8px;   
}

.map-collapse {
	height: 0px !important;
	display:none;
}

.interface_selected {
	background-color:#EBEBEB; 
	border-color:#ADADAD;
	color:black;
}       


.list-station {
	border-bottom: 1px dotted #E1E1E1;

}

.list-station a{
	color:black;
	font-size:13px;
}   

.list-station a:hover{
	color:blue;
}   

.list-station.bolded a {
	color:green;
}



<!-- graph page styles -->
.graph-timerange {
	border-bottom: 1px dashed;
	padding: 14px 0px;
	font-size: 1.2em;
}

.graph-timerange-header {
	width: 200px;
	display: inline-block;
}

.graph-form-group {
	text-align: right;
	margin: 0px 20px 20px 0;
}
.graph-form-group label {
	display:inline-block;
	width:auto;
	margin-left: 10px;
}

.graph-form-group input {
	display:inline-block;
	margin-right: 10px;
	padding: 1px;
	font-size: 12px;
}

#graph {
	overflow-x: auto; 
	width: auto; 
	height: 100%; 
	white-space: nowrap;
	margin-bottom: 10px;
}

#graph .graph-outer {
	display: inline-block;
	border: 1px solid #BBB;
	margin-right:6px;
}

#graph .graph-inner {
	width: 200px;
	height: 100px;
}

#graph .graph-outer.selected {
	border: 2px solid #B6D5FF !important;
}

#graph-list {
	overflow:auto;
	height:350px;
}

.list-station {
	border-bottom: 1px dotted #E1E1E1;
}

.list-station a{
	color:black;
	font-size:12px;
}   

.list-station a:hover{
	color:blue;
}   

.list-station.bolded a {
	color:green;
}

#content-simple {
	background: #ffffff;
	min-height: 850px;
}

#graph-container {
	//float: left;
	//margin-left: 20px;
	margin-top: 0px;

}

#page-main {
	width:100%;
    margin-bottom: 20px;
}

#graph-controls {
	margin: 15px 0;
	font-size: 1.2em;
	position: relative;
}

#page-container {
	padding: 0 15px;
}

#pet-grid {
	height:330px;
	margin-top:12px;
}

#timeseries-grid {
	height:662px;
}

.date-input-block {
	display:inline-block;
	margin:0 3%;
}

.station-icon {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 1px solid #000;
	margin:auto !important;
}

.use-guide {
	padding:6px;
	list-style:none;
	font-size:16px;
}

#ui-datepicker-div{
	z-index:1000 !important;
}

#variable-grid-container {
	margin-top:10px;
	border:1px solid green;
	background-color:#EFEFEF;
	border:1px solid #A7A7A7;
}

#variable-grid-title {
	margin:4px 0 4px 2px;
}

#variable-grid-title h4{
	margin:4px 0 4px;
}

#header-toolbar {
	margin-bottom:10px;
	border-bottom:1px solid #A7A7A7;
	padding:4px 14px;
    height:33px;
    background-color: #efefef;
}

#daterange-toolbar{
	border:1px solid #A7A7A7;
}

#station-map-toolbar{
	border-bottom:1px solid #A7A7A7;
}

#station-map-reset-toolbar{
	border-top:1px solid #A7A7A7;
}

#download-toolbar {
	margin-bottom:10px;
	border-bottom:1px solid #A7A7A7;
	padding:4px 14px;
}

.cursel-indented {
	text-align:right;
	margin-right:10px;
}