@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,400,700);body,
p,
div {
  font-family: 'Roboto', Arial, Helvetica, Sans-serif;
}
.bg-green {
  background: #5BB85C;
}
.bg-light-green {
  background: #B9D45D;
}
.bg-dark-green {
  background: #516029;
}
.bg-brown {
  background: #604c3f;
}
.btn.bg-brown:hover {
  background: #F0AD4E;
}
.bg-blue {
  background: #428BCA;
}
.bg-orange {
  background: #F0AD4E;
}
.bg-red {
  background: #D9534E;
}
.bg-dark-gray {
  background: #444;
}
.bg-light-gray {
  background: #efefef;
}
.text-green {
  color: #5BB85C;
}
.text-light-green {
  color: #B9D45D;
}
.text-dark-green {
  color: #516029;
}
.text-brown {
  color: #604c3f;
}
a.text-brown:hover {
  color: #F0AD4E;
}
.text-blue {
  color: #428BCA;
}
.text-orange {
  color: #F0AD4E;
}
.hidden {
  display: none !important;
}
header .nav-link {
  color: #fff !important;
}
header .nav-link:hover {
  color: #B9D45D !important;
}
header .nav-link.active {
  color: #B9D45D !important;
}
header .nav-link span {
  height: 1em;
  line-height: 1em;
}
header i {
  font-size: 20px;
}
header .badge {
  position: absolute;
  margin-left: 60%;
  background: gray;
  color: white;
  opacity: 0.9;
  height: 1.5em !important;
  margin-top: -20%;
}
header .dropdown-menu > li:hover > ul {
  display: block;
  left: -87%;
  margin-top: -2em;
}
.app-content {
  overflow: auto;
}
div#flash-messages {
  margin-top: 25px;
}
button.btn.btn-default.btn-minus {
  border-radius: 5px 0 0 5px;
}
button.btn.btn-default.btn-plus {
  border-radius: 0 5px 5px 0;
}
label {
  margin-bottom: 0;
}
.app-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #444;
  padding: 5px 0;
  color: #fff;
  font-size: 14px;
}
@media print {
  html * {
    overflow: auto;
  }
  .app-content {
    height: auto;
  }
  .ricetta-printable::before {
    content: "\2022   ";
  }
}