html,body {
  height: 100%;
}
body {
  padding-top: 60px;
}
#page-wrapper {
  min-height: 100%;
  position: relative;
  padding-bottom: 60px;
}
footer {
  position: absolute;
  background: white;
  width: 100%;
  bottom: 0px;
  height: 60px;
  a,a:hover {
    font-size: 85%;
    color: @light-dark;
    text-transform: uppercase;
    margin: 0px 10px;
  }
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.inline-message{
  background: #fff59a;
  padding: 0 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: @input-err-color;
  font-size: 80%;
}
input.invalid {
  background: @input-err-bk;
}
input.invalid:focus {
  background: white;
}
.input-container {
  margin: 12px 0;
  min-height: 35px;
}
.form-control {
  border: 0;
  -webkit-box-shadow: none;
  border-radius: 4px;
  box-shadow: none;
  background: @input-bk;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 4px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.modal-header {
  background-color: @brand-primary;
}
.modal {
  top: 60px;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid @layout-dark;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}