@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 #f68b1f;
}

.footer-container {
    padding-left:50px;
}

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

.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;}
.mandatory-row { background: yellow !important; } 

table.MFICI.Curbside.Recycling td.value4-col {width:50px !important; background:#000;}

table.Facilities tr.data-row td.metric-name {font-size: 24px; text-align:right;}

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:#f68b1f;}
.btn-primary {background:#f68b1f; border:none;}
.btn-primary:hover {background:#e7852a; 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;}

.error-mandatory-field {color:red !important;}

ul.dropdown-menu li a:hover {background: #819e4c;}

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

#table-formview td { vertical-align:middle !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: #DCDCDC !important;
  color: black;
  font-weight:bold;
}

input.mandatory-row {
    background: yellow !important;
} 

tr.head-row td {background:#dcddde !important; }