@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

html {font-family: "Open Sans", sans-serif;}

body {
    padding-bottom: 20px; background: #f5f5f5; font-family: "Open Sans", sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px; background:white; border-top:7px solid #00b5e2;
}

h1, h2, h3, h4, h5 {font-family: "Open Sans", sans-serif; font-weight:700;}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.header {
   padding-top:15px;
}

.formdataheader {
   padding-top:15px;
   height :92px;
   z-index:10;
}

.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
}

.subnavbar {
    max-width:1474px;
    height: 45px;
    z-index: 10;
    /*background-color:white;    
    margin-right:50px;*/
    padding-top:5px;
    margin:auto;
    left:0;
    right:0;
}

.rstoolbar {
    top:0;
    bottom:0;
}

.panel   {border:solid 0px #ccc !important;}
.panel-heading {border-bottom:none;}
.table-striped tr {border-left:solid 2px #ccc !important; border-right:solid 2px #ccc !important;}
.table-striped  {border-bottom:solid 2px #ccc !important;}
.table-striped td {vertical-align:middle !important;}
tr.data-row td.metric-name {padding-left:30px !important;}

tr.head-row1 td, tr.head-row2 td, tr.head-row3 td, tr.head-row4 td, tr.head-row5 td, tr.head-row6 td, tr.head-row7 td, tr.head-row8 td, tr.head-row9 td, tr.head-row13 td {background:#dcddde !important; }

table tr.separator-row {border:0px !important;  height:40px; background:#fff !important;}
table tr.separator-row td {background:#fff !important; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc;}

tr.foot-row td {background:#fff !important; border-top:0px !important; border-bottom: 1px solid #dcddde !important; vertical-align:middle !important;}
tr.foot-row td span.label-primary {margin-bottom:80px !important; display:block; background:none;}
tr.foot-row td.metric-name {color:#a8353a !important; text-transform:uppercase; text-align:right;}
table.Facilities tr.foot-row td.metric-name {text-align:left;}

.panel-primary .panel-heading {background:#00b5e2;}
.btn-primary {background:#00b5e2; border:none;}
.btn-primary:hover {background:#00b5e2; border:none;} 

.subhead {font-size:16px; font-weight:bold; margin:0px !important;}

.text-muted {font-size:12px; }

#table-formdata {padding-top:40px !important;}

.glyphicon {color:#5cb85c !important;}

.glyphicon-outliers {color:#FF0000 !important;}

.glyphicon-form-delegated {color:#FF0000 !important;}

.glyphicon-pending {color:#428bca !important;}

ul.dropdown-menu li a:hover {background: #00b5e2;}

footer {padding-top:20px !important;}

#table-formview td { vertical-align:middle !important;}

/*.Wastewater-Wastewater-Energy {zoom:.97 !important;}*/

/* Colour shadings for input fields */
input.label-required {
  background-color: lemonchiffon !important;
  color: black;
}

input.label-notrequired {
  background-color: slategrey !important;
  color: white;
}

input.label-optional {
  background-color: white !important;
  color: black;
}

input.label-formula {
  background-color: darkcyan !important;
  color: whitesmoke;
  font-weight:bold;
}

input.label-inputdata {
  background-color: #fffacd !important;
  color: black;
}

select.label-inputdata {
  background-color: #fffacd !important;
  color: black;
}

input.label-pmdata {
  background-color: #f4a460 !important;
  color: black;
}

select.label-pmdata {
  background-color: #f4a460 !important;
  color: black;
}

input[type="text"]:disabled {
    background-color: #dddddd !important;
}

select:disabled {
    background-color: #dddddd !important;
}

tr[class*="classDelgRowHide"] td {background-color:#dcddde !important; }

.label-undelegated { background-color: peachpuff !important; }