html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 80px;
  font-family: "Open Sans";
  margin-top: 60px;
  padding-bottom: 60px;
  background: url(/img/bg.png);
}

.bookmark {
  display: block;
  content: " ";
  margin-top: -150px;
  height: 150px;
  visibility: hidden;
}

.centered-form {
  max-width: 600px;
  margin: auto;
  margin-bottom: 1em;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* Set the fixed height of the footer here */
  min-height: 80px;
  background-color: #f5f5f5;
  padding: 0.5em;
  border-top: 1px solid #ddd;
}

#footer:after {
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  opacity: 0.667;
}

.navbar-custom {
  background: #2C3E50;
  font-weight: 700;
  border: none;
}

.navbar-custom a:focus {
  outline: none;
}

.navbar-custom .navbar-brand {
  color: white;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: white;
}

.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}

.navbar-custom .navbar-nav li a,
.navbar-custom .navbar-nav .open .dropdown-menu li a {
  color: white;
}

.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu li a:hover {
  color: #18BC9C;
  outline: none;
}

.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: white;
}

.navbar-custom .navbar-nav li.active a {
  color: white;
  background: #18BC9C;
}

.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: white;
  background: #18BC9C;
}

.navbar-custom .navbar-toggle {
  color: white;
  font-size: 10px;
  border-color: white;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #18BC9C;
  color: white;
  border-color: #18BC9C;
}

@media (min-width: 768px) {
  body {
    margin-top: 120px;
  }

  .navbar-custom {
    padding: 25px 0;
    /*
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    */
  }

  .navbar-custom .navbar-brand {
    font-size: 2em;
    /*
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    */
  }

  .navbar-custom.affix {
    padding: 10px 0;
  }

  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }

  .navbar-custom .navbar-nav .open .dropdown-menu li a {
    color: #222;
  }

  .login-name {
    display: inline-block;
    max-width: 200px;
    font-size: 85%;
  }
}

.label-sm {
  font-size: 80%;
}

.label-md {
  font-size: 110%;
}

.label-lg {
  font-size: 115%;
}

.dropdown-menu button {
  border: none;
  margin: none;
  background: none;
  display: block;
  width: 100%;
  text-align: left;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu button:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

/** Dropdown caret is made using bootstrap border nonsense */
.btn-group > .btn + .dropdown-toggle {
  padding-left: 0px;
  padding-right: 0px;
}

.dropdown-toggle .caret {
  border-width: 8px;
}

.table > thead > tr > th {
  background: #2C3E50;
  color: #fff;
  border: none;
}

.table-striped > tbody > tr:nth-of-type(2n+0) {
  background-color: #fff;
}

.step-list li {
  padding: 0.5em 0.25em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}