body {
  background-color: #f2f2f2;
  padding-top: 50px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
  max-width: 280px;
}
.container.div-pad,
.container-fluid.div-pad {
  padding: 1em;
}
.container.page,
.container-fluid.page {
  background: #FFFFFF;
}
.main-splash {
  background-color: #5A5A5A;
  height: 200px;
  line-height: 200px;
}
.main-splash .action-buttons {
  text-align: center;
}
.main-splash.family-page {
  height: 75px;
  line-height: 75px;
  color: #FFFFFF;
}
.sc-green {
  color: #fff!important;
  background-color: #4CAF50 !important;
}
.sc-light-grey {
  color: #000!important;
  background-color: #f1f1f1 !important;
}
.sc-xxlarge {
  font-size: 36px !important;
}
.sc-container {
  content: "";
  display: table;
  clear: both;
  background: #4CAF50;
}
.dl-horizontal dt {
  width: 220px;
}
.dl-horizontal dd {
  margin-left: 240px;
}
/* The navbar itself */
.navbar {
  margin-bottom: 0;
  background-color: #F5F5F5;
  border: 0;
}
/* Add color to all navbar links */
.navbar li a,
.navbar .navbar-brand {
  color: #5A5A5A !important;
}
/* Navbar on hover text color */
.navbar-nav li a:hover {
  color: #5A5A5A !important;
}
/* The active link */
.navbar-nav li.active a {
  color: #fff !important;
  background-color: #29292c !important;
}
/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
  border-color: transparent;
}
/* Dropdown */
.open .dropdown-toggle {
  color: #fff ;
  background-color: #FFFFFF !important;
}
/* Dropdown links */
.dropdown-menu li a {
  color: #5A5A5A !important;
}
/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
  background-color: #F5F5F5 !important;
}
.big-checkbox {
  width: 30px;
  height: 30px;
}
.readonlyinput {
  background-color: #ececec !important;
  opacity: 1;
}
/* This is to format readonly date controls as normal looking on mobile
   as we are making them readonly so mobile keyboard doesn't show up. We
   needed another style so that legit readonly inputs are greyed out
*/
.readonlyinput {
  background-color: #ececec !important;
  opacity: 1;
}
.form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-inline .form-group {
  margin-left: 0;
  margin-right: 0;
}