/*
 Section probably from old spacelab bootswatch. Include bootswatch.min.css as seaprat file
  
  html,
body {
    height: 100%;
}

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

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

.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;
}*/

body.hcww-eval {
  background-image: url(/img/eval.png);
  background-repeat:repeat-y;
  background-position: right;
}

/* 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;
}

.center
{
  text-align: center;
}

.left
{
  text-align: left;
}

.bold
{
  font-weight: bold;
}

.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.border-top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E2E2;
}

.border-top-more {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #2e2e2e;
}

.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E2E2E2;
}

.border-bottom-more {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2e2e2e;
}

.border-roi {
  border-width: 2px;
  border-style: solid;
  border-color: red;
  padding: 2px;
}
hr.margin-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-20 {
  padding: 20px 20px 20px 20px !important;
}
.padding-4 {
  padding: 4px 4px 4px 4px !important;
}

.padding-10 {
  padding: 10px 10px 10px 10px !important;
}

div.alternate {
  background-color: whitesmoke !important;
}

.font14 {
  font-size: 14px !important;
}
li.navimgpadding {
  padding-top: 5px !important;
  padding-bottom: 0px !important;
}

td.noline, th.noline {
  border-top: none !important;
}

td.sectionline, th.sectionline {
  border-top-color: black !important;
}

tr.sectionline td, th {
  border-top-color: black !important;
}

table.compact td, th {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-bottom: 5px !important;
}

table.compact  {
  margin-bottom: 5px !important;
}

table.medium td, th {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-bottom: 5px !important;
}

table.medium  {
  margin-bottom: 5px !important;
}


.data-error {
  background-color: red !important;
  color: white !important;
}

.data-warning {
  background-color: yellow !important;
}

.data-warning2 {
  background-color: orange !important;
}

.data-good {
  background-color: lightgreen !important;
}

.data-hidden {
  display: none;
}

.data-visible {
  display: normal;
}


.yellow {
  background-color: yellow !important;
}

.nobreak {
  white-space: nowrap;
}

.event_Manual {
  background-color: lightblue;
}
.event_Triage {
  background-color: lightcoral;
}
.event_Automatic {
  background-color: lightgreen;
}

.site-account {
   padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  -moz-box-shadow: inset 0 0 10px #ffffff;
  -webkit-box-shadow: inset 0 0 10px #ffffff;
  box-shadow: inset 0 0 10px #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black !important;
}
.account-irrigation-purple {
  background-color: rgba(218, 131, 225, 0.4)  !important;
}
.account-irrigation-blue {
  background: rgba(218,131,225,.4) !important; /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(218,131,225,.4) 0%, rgba(218,131,225,.4) 50%, rgba(135, 206, 235, 0.6) 50%, rgba(135, 206, 235, 0.6) 100%) !important; /* FF3.4+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(218,131,225,.4)), color-stop(50%,rgba(218,131,225,.4)), color-stop(50%,rgba(135, 206, 235, 0.6)), color-stop(100%,rgba(135, 206, 235, 0.6))) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(218,131,225,.4) 0%,rgba(218,131,225,.4) 50%,rgba(135, 206, 235, 0.6) 50%,rgba(135, 206, 235, 0.6) 100%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(218,131,225,.4) 0%,rgba(218,131,225,.4) 50%,rgba(135, 206, 235, 0.6) 50%,rgba(135, 206, 235, 0.6) 100%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(218,131,225,.4) 0%,rgba(218,131,225,.4) 50%,rgba(135, 206, 235, 0.6) 50%,rgba(135, 206, 235, 0.6) 100%) !important; /* IE10+ */
  background: linear-gradient(to right,  rgba(218,131,225,.4) 0%,rgba(218,131,225,.4) 50%,rgba(135, 206, 235, 0.6) 50%,rgba(135, 206, 235, 0.6) 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(218,131,225,.4)', endColorstr='rgba(135, 206, 235, 0.6)',GradientType=1 ) !important; /* IE6-9 */
}
.account-fire {
  background-color: rgba(255, 20, 00, 0.4) !important;
}
.account-sewer {
  background-color: rgba(153, 76, 0, 0.5) !important;
}
.account-combined {
  background-color: lightgreen !important;
}
.account-water {
  background-color: rgba(135,206,235,.6) !important;
}
.account-water-sewerx {
  background: -webkit-linear-gradient(left, rgba(135,206,235,.6), rgba(153, 76, 0, 0.5)) !important;/* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,rgba(135,206,235,.6), rgba(153, 76, 0, 0.5)) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,rgba(135,206,235,.6), rgba(153, 76, 0, 0.5)) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(135,206,235,.6), rgba(153, 76, 0, 0.5)) !important;/* Standard syntax */
}
.account-water-sewer {
background: rgba(135,206,235,.6) !important; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(135,206,235,.6) 0%, rgba(135,206,235,.6) 50%, rgba(153, 76, 0, 0.5) 50%, rgba(153, 76, 0, 0.5) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(135,206,235,.6)), color-stop(50%,rgba(135,206,235,.6)), color-stop(50%,rgba(153, 76, 0, 0.5)), color-stop(100%,rgba(153, 76, 0, 0.5))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(135,206,235,.6) 0%,rgba(135,206,235,.6) 50%,rgba(153, 76, 0, 0.5) 50%,rgba(153, 76, 0, 0.5) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(135,206,235,.6) 0%,rgba(135,206,235,.6) 50%,rgba(153, 76, 0, 0.5) 50%,rgba(153, 76, 0, 0.5) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(135,206,235,.6) 0%,rgba(135,206,235,.6) 50%,rgba(153, 76, 0, 0.5) 50%,rgba(153, 76, 0, 0.5) 100%) !important; /* IE10+ */
background: linear-gradient(to right,  rgba(135,206,235,.6) 0%,rgba(135,206,235,.6) 50%,rgba(153, 76, 0, 0.5) 50%,rgba(153, 76, 0, 0.5) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(135,206,235,.6)', endColorstr='rgba(153, 76, 0, 0.5)',GradientType=1 ) !important; /* IE6-9 */
}
body.modal-open .datepicker {
    z-index: 12000 !important;
}

span.bill_item_base_label {
  padding-left: 1em;
}
.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}
.hover-obsolete {
  font-weight: bold;
  color: black !important;
}
.obsolete-bg {
  background-color: rgba(255,255,0,0.5) !important;
}
.water-bg {
  background-color: rgba(135,206,235,0.4) !important;
}

.irrigation-bg {
  background-color: rgba(218, 131, 225,0.4) !important;
}

.month-roi-bad {
  background-color: #dd0000 !important;
  color: white !important;
}
.month-roi-good {
  background-color: #eee !important;
}

.save-warning {
  background-color: orange;
}

.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);}
}


div.charts {
  clear: both;
  width: 860px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 10px;
}
div.graph-panel {
   min-width: 938px;
}
div.graphweather {
  width: 860px;
  height: 350px;
  margin: 0 auto;
}

div.dailycharts {
  clear: both;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 15px;
}
div.dailygraph {
  min-width: 400px;
  height: 350px;
  margin: 0 auto;
}
div.alert {
  clear: both;
  text-align: left;
  width: 860px;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 15px;
}

.chart_title {
  font-weight: bold;
  font-size: large;
  text-decoration: underline;
}
.chart_node_tag {
  padding-left: 30px;
}



#total1_title, #chart1_title {
  font-weight: bold;
  font-size: large;
  text-decoration: underline;
}

#total2_title, #total3_title {
  font-weight: bold;
  font-size: large;
  text-decoration: underline;
}

div.total1 {
  vertical-align: top;
  float: left;
}

div.total2 {
  padding-left: 40px;
  vertical-align: top;
  float: left;
}

div.total3 {
  padding-left: 40px;
  vertical-align: top;
  float: left;
}

tr.good td, td.good {
  font-weight: bold;
  background-color: lightgreen;
}
tr.ok td, td.ok {
  font-weight: bold;
  background-color: #ffff99;
}
tr.bad td, td.bad {
  font-weight: bold;
  background-color: #ff6666;
}

tr.highlight td, tr.highlight th, td.highlight, th.highlight {
  background-color: lightgray;
}


#region-overview {
    margin: 0 auto;
    border-collapse: collapse;
}

#region-overview th {
    font-weight: bold;
    text-align: left;
}
#region-overview td.left {
    text-align: left;
}
#region-overview th.left {
    text-align: left;
}
#region-overview  th {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid silver;
    height: 20px;
    text-align: center;
    vertical-align: bottom;
}
#region-overview td {
    padding: 4px;
    border-bottom: 1px solid silver;
    height: 20px;
    text-align: center;
}
#region-overview thead th {
/*    border-top: 2px solid gray; */
    border-bottom: 2px solid gray;
}
.highcharts-tooltip>span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}
/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

/* Public Analytic*/
.regional-total {
  font-weight: bold;
  color: black !important;
}
.regional-total a {
  font-weight: bold;
  color: black !important;
}

.red-level {
  background-color: red;
}
.yellow-level {
  background-color: yellow;
}
.green-level {
  background-color: green;
}
/* WWTP */
.plant_status0 {
  background-color: black;
  color: white;
}
.plant_status1 {
  background-color: green;
  color: white;
}
.plant_status2 {
  background-color: yellow;
}

.fs_status1 {
  background-color: cyan ;
}
.fs_status2 {
  background-color: red;
  color: white;
}
.fs_status3 {
  background-color: red;
  color: white;
}

p.wwtpbox {
  border-color: #999;
  border-style: solid;
  border-width: thin;
  text-align: center;
  font-weight: bold;
}
span.cyclestatusbox {
  border-color: #999;
  border-style: solid;
  border-width: thin;
  text-align: center;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
}
span.floatswitchbox {
  border-color: #999;
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 2px 6px 2px 6px;
}

.pump_status0 {
  background-color: black;
  color: white;
}
.pump_status1 {
  background-color: yellow ;
}
.pump_status2 {
  background-color: lightgray;
}
.pump_status3 {
  background-color: green;
  color: white;
}
.pump_status4 {
  background-color: red;
  color: white;
}
span.pumpstatusbox {
  border-color: #999;
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 2px 6px 2px 6px;
}
span.flowtotals {
  border-color: #999;
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
}