/****** RESTYLING *******/
body {
  font-family: Roboto, "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  color: #777;
}
hr {
  border-top: 1px solid silver;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #e0e0e0;
}
.btn {
  border-radius: 0;
}
.form-control {
  border-radius: 0;
}
.input-group-addon {
  border-radius: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th {
  font-weight: bold;
  color: #777;
}
nav {
  font-family: Oswald, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 1.5em;
}
.navbar-nav {
  margin-top: -11px;
}
.navbar-default {
  background-color: white;
  height: 66px;
}
.navbar-brand-centered {
  position: absolute;
  left: 50%;
  display: block;
  width: 160px;
  text-align: center;
  background-color: #ffffff;
}
.navbar > .container .navbar-brand-centered,
.navbar > .container-fluid .navbar-brand-centered {
  margin-left: -80px;
}
.navbar-brand {
  font-size: 200%;
}
.text-success,
btn-success {
  color: #4D8B40;
}
/***** END RESTYLING *******/
.maincontent {
  margin-left: 5em;
  margin-right: 5em;
  margin-top: 1em;
}
/***** HELPERS *******/
.shadowBottom {
  border-bottom: 1px solid #aaaaaa;
  -moz-box-shadow: 0px 1px 10px 3px #cccccc;
  -webkit-box-shadow: 0px 1px 10px 3px #cccccc;
  box-shadow: 0px 1px 10px 3px #cccccc;
}
.text-highlight {
  color: #e29717;
}
.inline-h2 {
  text-align: right;
  margin-top: -45px;
}
/****** COMPONENTS ******/
.info {
  padding: 10px;
  border: 1px solid silver;
  color: gray;
  text-align: center;
}
.info.info-banner {
  border-left: 0px;
  border-right: 0px;
}
.info.info-popped {
  box-shadow: 0px 1px 10px 3px #ccc;
}
.info.info-info {
  border-color: #31708f;
  color: #31708f;
}
.info.info-success {
  border-color: #3C763D;
  color: #3C763D;
}
.info.info-success h1,
.info.info-success h2,
.info.info-success h3,
.info.info-success h4,
.info.info-success h5,
.info.info-success h6 {
  color: #3C763D;
}
.info.info-danger {
  border-color: maroon;
  color: maroon;
}
.info.info-danger h1,
.info.info-danger h2,
.info.info-danger h3,
.info.info-danger h4,
.info.info-danger h5,
.info.info-danger h6 {
  color: maroon;
}
input.form-control {
  height: 30px;
}
input.invoice {
  width: 10em !important;
}
input.amount {
  width: 7em !important;
}
input.date {
  width: 11em !important;
}
table.fieldset {
  width: 100%;
  line-height: 32px;
}
table.fieldset tbody th {
  padding-right: 5px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
table.fieldset tbody td {
  padding-left: 3px;
  text-align: left;
}
table.fieldset tbody td input,
table.fieldset tbody td select,
table.fieldset tbody td textarea {
  width: 100%;
}
table.fieldset .horizontal tobdy {
  line-height: 50px;
}
table.fieldset .horizontal th {
  text-align: right;
}
table.fieldset.horizontal tbody td {
  padding-top: 5px;
}
table.fieldset.horizontal tbody th {
  text-align: right;
  padding-top: 7px;
}
.datepicker {
  padding: 7px 10px;
  cursor: pointer;
}