@charset "UTF-8";
/**
 * @author Steffen Arnold <steffen.arnold@digimeals.com>
 */
.tagline {
  font-family: inherit;
  color: inherit; }

.company-presentation {
  font-family: inherit;
  color: #333;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap; }
  .company-presentation > div {
    float: none; }
  .company-presentation .company-block {
    flex: 1;
    height: 100%; }
    .company-presentation .company-block .image-background {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .company-presentation .company-info {
    line-height: 1.5em; }
  .company-presentation .footer-share .btn {
    color: #fff;
    background-color: #333; }
    .company-presentation .footer-share .btn .zocial {
      min-width: 20px;
      display: inline-block; }

body {
  background: #eeeeee;
  font-family: "" Roboto "," Helvetica Neue ",Helvetica,Arial,sans-serif";
  line-height: 2em;
  color: #333; }

#logo {
  width: 170px;
  /*167px*/
  height: 60px;
  /*59px*/
  /*	background-image: url('img/digimeals_logo_1.05bfd83669cd3412.png');*/
  background-image: url("img/logo.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat; }

/* 1.25 dpr * /
@media 
(-webkit-min-device-pixel-ratio: 1.25),
(   min--moz-device-pixel-ratio: 1.25),
(     -o-min-device-pixel-ratio: 5/4),
(        min-device-pixel-ratio: 1.25),
(                min-resolution: 120dpi),
(                min-resolution: 1.25dppx) {
	#logo {
		background-image: url('img/digimeals_logo_1.25.dc179cb16ee7a551.png');
	}
}

/* 1.3 dpr * /
@media 
(-webkit-min-device-pixel-ratio: 1.3),
(   min--moz-device-pixel-ratio: 1.3),
(     -o-min-device-pixel-ratio: 13/10),
(        min-device-pixel-ratio: 1.3),
(                min-resolution: 124.8dpi),
(                min-resolution: 1.3dppx) {
	#logo {
		background-image: url('img/digimeals_logo_1.3.fd77b35e574ff33b.png');
	}
}

/* 1.5 dpr * /
@media 
(-webkit-min-device-pixel-ratio: 1.5),
(   min--moz-device-pixel-ratio: 1.5),
(     -o-min-device-pixel-ratio: 3/2),
(        min-device-pixel-ratio: 1.5),
(                min-resolution: 144dpi),
(                min-resolution: 1.5dppx) {
	#logo {
		background-image: url('img/digimeals_logo_1.5.8fd460073eca6b86.png');
	}
}
@media
(-webkit-min-device-pixel-ratio: 2),
(   min--moz-device-pixel-ratio: 2),
(     -o-min-device-pixel-ratio: 2/1),
(        min-device-pixel-ratio: 2),
(                min-resolution: 192dpi),
(                min-resolution: 2dppx) {
	#logo {
		background-image: url('img/digimeals_logo_2.1fb8e7283cc7e55a.png');
	}
}
*/
/*
 * Layout: Navigation bar on top of all pages
 */
.navbar-brand {
  height: 5em; }
  .navbar-brand > img {
    height: 100%; }

nav .navbar-text {
  margin-top: 20px;
  margin-bottom: 20px; }
  nav .navbar-text .navbar-text-spacer {
    min-width: 1.5em;
    display: inline-block; }
  nav .navbar-text .navbar-text-divider {
    margin-left: 0.5em;
    margin-right: 0.5em;
    display: inline-block; }

.navbar {
  z-index: 100;
  margin-bottom: 0;
  background: white; }
  .navbar .btn:focus,
  .navbar a:focus {
    outline: none; }
  .navbar .navbar-toolbar {
    display: inline-block;
    margin-left: 2.1em;
    padding-bottom: 1em; }
  .navbar a {
    font-weight: bold;
    color: inherit;
    cursor: pointer; }
    .navbar a:hover, .navbar a:focus {
      text-decoration: none; }
  .navbar .btn-default {
    border: 1px solid gray; }
  .navbar .container {
    position: relative; }

#language-dropdown {
  z-index: 200;
  min-width: auto; }

.navbar-left.navbar-form {
  padding-left: 0;
  margin-top: 0.8em; }

.navbar-meal {
  z-index: 101;
  padding: 0.5em 0;
  background: #4d4d4d;
  border: none;
  color: white; }
  .navbar-meal .navbar-right {
    margin-right: 0; }
  .navbar-meal .navbar-share {
    margin-top: 0.8em; }
    .navbar-meal .navbar-share .share-title {
      float: left;
      margin-right: 10px;
      line-height: 2em; }
    .navbar-meal .navbar-share .shariff {
      display: inline-block; }
  .navbar-meal #didYouMean {
    display: inline-block;
    padding-left: 1em; }
  .navbar-meal .dropzone-meal {
    color: inherit; }
    .navbar-meal .dropzone-meal .meal-recipe {
      display: inline-block;
      margin-top: -15px;
      margin-bottom: -15px;
      margin-left: 0.6em;
      font-size: 2em; }
      .navbar-meal .dropzone-meal .meal-recipe i {
        position: relative;
        top: 0.2em; }
    .navbar-meal .dropzone-meal .btn {
      margin-left: 1.5em; }

.navbar-meal.sticky {
  top: 0;
  width: 100%; }

.navbar-cook {
  z-index: 90;
  text-align: center;
  box-shadow: 0 0 3em gray;
  border-bottom: none; }
  .navbar-cook .wizard-logo-div {
    float: left;
    margin-top: -15px; }
    .navbar-cook .wizard-logo-div #logo {
      width: 113px;
      height: 40px; }
  .navbar-cook .wizard {
    padding: 0.6em 0;
    padding-top: 1em;
    display: inline-block;
    position: relative; }
    .navbar-cook .wizard .wizard-logo {
      display: inline-block;
      height: 40px;
      position: absolute;
      left: 0;
      top: calc(1em + 5px); }
      .navbar-cook .wizard .wizard-logo img {
        height: 100%; }
    .navbar-cook .wizard .wizard-line {
      position: absolute;
      box-sizing: border-box;
      top: calc(1em + 25px);
      height: 2px;
      width: 100%;
      padding: 0 calc(2em + 25px);
      z-index: -100; }
      .navbar-cook .wizard .wizard-line > span {
        display: block;
        width: 100%;
        height: 100%;
        background: #666666; }
    .navbar-cook .wizard .wizard-icon img {
      background-color: white;
      border: 1px solid #666666;
      width: 50px;
      height: 50px;
      z-index: 80; }
    .navbar-cook .wizard .wizard-item {
      margin: 0 2em;
      display: inline-block;
      text-align: center; }
    .navbar-cook .wizard .wizard-label {
      font-weight: normal;
      position: relative; }
    .navbar-cook .wizard .wizard-item.active .wizard-icon img {
      border: 2px solid #f68f55; }
    .navbar-cook .wizard .wizard-item.active .wizard-label:after {
      content: " ";
      display: block;
      position: absolute;
      bottom: -0.6em;
      left: 50%;
      width: 2em;
      margin-left: -1em;
      height: 4px;
      background: #f68f55; }
  .navbar-cook .navbar-text {
    margin-top: 8px;
    margin-bottom: 8px; }

/*
 * Formatting: Control elements like forms and buttons
 */
.btn,
.input-group {
  border-radius: 3px; }

.form-control,
.input-group-addon {
  border-color: #78C35D; }
  .form-control:focus,
  .input-group-addon:focus {
    border-color: #78C35D;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #97d182;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #97d182; }

.slider.slider-horizontal .slider-track {
  background-color: #cccccc;
  border: 1px solid #858585;
  border-left-width: 0;
  border-right-width: 0;
  background-image: none;
  border-radius: 0;
  height: 5px;
  margin-top: -2.5px; }

.slider.slider-horizontal .slider-selection {
  background-color: #78C35D;
  border: 1px solid #78C35D;
  border-left-width: 0;
  border-right-width: 0;
  background-image: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: content-box;
  position: relative;
  top: -1px; }

.slider.slider-horizontal .slider-handle {
  background-color: #78C35D;
  background-image: none;
  position: absolute;
  top: -2.5px; }

.btn {
  border: none; }

.btn-primary {
  background: #78C35D; }
  .btn-primary:hover {
    background-color: #5dad40; }

.btn-primary-inactiv {
  background: rgba(120, 195, 93, 0.7); }
  .btn-primary-inactiv:hover {
    background-color: rgba(93, 173, 64, 0.7); }

.input-group-addon {
  background: #ffffff; }

.btn .caret {
  margin-left: 0.5em; }

.btn .sk-fading-circle {
  margin-top: 0;
  margin-bottom: 0;
  width: 1.5em;
  height: 1.5em; }

.panel,
.panel-group .panel {
  border-radius: 2px; }
  .panel .panel-heading,
  .panel-group .panel .panel-heading {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  .panel.panel-default .panel-heading,
  .panel-group .panel.panel-default .panel-heading {
    background: #e2e2e2; }

.panel.panel-inline,
.panel-group .panel.panel-inline {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 1em; }
  .panel.panel-inline .panel-heading,
  .panel.panel-inline .panel-body,
  .panel.panel-inline .panel-footer,
  .panel-group .panel.panel-inline .panel-heading,
  .panel-group .panel.panel-inline .panel-body,
  .panel-group .panel.panel-inline .panel-footer {
    padding: 0;
    background: none;
    color: inherit;
    border: none !important; }
  .panel.panel-inline .panel-heading a:hover, .panel.panel-inline .panel-heading a:focus,
  .panel-group .panel.panel-inline .panel-heading a:hover,
  .panel-group .panel.panel-inline .panel-heading a:focus {
    text-decoration: none;
    outline: none; }
  .panel.panel-inline .panel-title,
  .panel-group .panel.panel-inline .panel-title {
    text-transform: none; }
  .panel.panel-inline .panel-body,
  .panel-group .panel.panel-inline .panel-body {
    padding-top: 1em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.2em; }

h3.margin-top, h4.margin-top {
  margin-top: 0.5em !important; }

/*
 * Layout helpers: Same height columns
 */
.row.same-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .row.same-height > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.same-height-inner {
  width: 100%;
  height: 100%; }

#modal-body #suggestion-checkbox-margin {
  margin: 20px 0 20px 0; }

#modal-body #suggestion-email-input {
  width: 100%;
  border-color: black;
  border-width: 1px; }

#modal-body #suggestion-textarea {
  width: 100%;
  border-color: black;
  resize: none; }

.inline-block {
  display: inline-block; }

.suggestion-modal {
  display: block;
  margin-top: 10%; }

/*
 * Page: Homepage with search and explore panels
 */
.pairingLink {
  color: green;
  cursor: pointer; }

.page-homepage {
  padding-top: 4em; }
  .page-homepage #panel-about-us {
    padding-bottom: 1.2em;
    padding-top: 0.5em;
    text-align: center;
    color: white;
    background: rgba(76, 67, 60, 0.8); }
  .page-homepage #panel-search {
    background: rgba(76, 67, 60, 0.8);
    color: #ffffff; }
    .page-homepage #panel-search .panel-body {
      padding: 2em; }
      .page-homepage #panel-search .panel-body .btn-find-recipe {
        font-weight: bold; }
      .page-homepage #panel-search .panel-body .keywords-header {
        font-size: 35px;
        margin-top: 0.15em !important; }
    .page-homepage #panel-search label {
      font-size: 28px; }
    .page-homepage #panel-search button {
      font-size: 1.3em; }
  .page-homepage #panel-search-underConstruction {
    background: rgba(120, 195, 93, 0.8);
    height: 331px;
    position: relative; }
    .page-homepage #panel-search-underConstruction .underConstruction {
      /*background-color: $digimealsGreen;*/
      bottom: 0;
      left: 0;
      opacity: 0.80;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10; }
      .page-homepage #panel-search-underConstruction .underConstruction div {
        color: white;
        font-size: 2em;
        margin: 22% auto auto;
        text-align: center;
        width: 38%; }
  .page-homepage #panel-explore {
    background: rgba(216, 119, 74, 0.8);
    color: #ffffff; }
    .page-homepage #panel-explore .homepage-header {
      font-size: 2.5em;
      line-height: 1.15em; }
    .page-homepage #panel-explore .panel-body {
      padding: 2em; }
    .page-homepage #panel-explore .align-bottom {
      margin-top: 2em; }
  .page-homepage #count-ingredients {
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer; }
    .page-homepage #count-ingredients:focus {
      outline: none; }
  .page-homepage .btn-primary {
    padding: 0.5em 4em; }

#ingredients {
  font-size: 0.9em;
  text-align: center;
  margin: 0; }
  #ingredients li {
    border-radius: 2em;
    border: 1px solid grey;
    padding: 0.4em 1.2em;
    padding-bottom: 0.3em;
    margin: 0.3em 0.5em; }
    #ingredients li .btn {
      background: none;
      color: inherit;
      padding: 0 0.2em;
      margin-right: -0.5em; }

.popover {
  font-family: "" Roboto "," Helvetica Neue ",Helvetica,Arial,sans-serif"; }

.popover-content > ul {
  margin-bottom: 0; }

.popover-content label {
  margin-bottom: 0.5em; }

.shoppingList {
  list-style-type: none;
  padding-left: 0; }

/*
 * Page: Results with list of recipes and preference panel
 */
.display-tag-none {
  display: none !important; }

/* fixing "gap" in recipe list problem */
.card-recipe .panel-image {
  overflow: hidden; }

@media (min-width: 768px) {
  .card-recipe .panel-image {
    height: 225px; } }

@media (min-width: 992px) {
  .card-recipe .panel-image {
    height: 141px; } }

@media (min-width: 1200px) {
  .card-recipe .panel-image {
    height: 168px; } }

.card-meal
.card-recipe
.card-sm-hide {
  display: none; }

#results .card-recipe h4 {
  margin-bottom: 0;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.card-sm-hide .tag-list {
  height: 65px;
  max-height: 65px;
  overflow: hidden; }
  .card-sm-hide .tag-list .list-inline {
    margin-left: 0 !important; }

.page-results .controls {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 0.9em; }
  .page-results .controls .divider::before {
    display: inline;
    content: "|";
    margin: 0 0.5em;
    font-weight: bold; }
  .page-results .controls a {
    cursor: pointer;
    color: #993233;
    font-weight: bold; }

.page-results .panel-group {
  position: relative; }
  .page-results .panel-group .underConstruction {
    background-color: #78C35D;
    bottom: 0;
    left: 0;
    opacity: 0.80;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }
    .page-results .panel-group .underConstruction div {
      color: white;
      font-size: 1.5em;
      margin: 50% auto auto;
      text-align: center;
      width: 48%; }

#logo-cookbar {
  vertical-align: middle;
  display: inline-block;
  float: left;
  position: absolute;
  left: 0;
  top: 33px; }
  #logo-cookbar img {
    height: 40px;
    display: inline-block; }

.image-modal .modal-dialog {
  width: 900px; }

#recipe-image {
  /*margin-bottom: 0px;*/
  margin-top: -1em; }
  #recipe-image .panel-body {
    text-align: center; }
  #recipe-image img {
    max-width: 100%;
    max-height: 600px;
    border: 2px solid white; }

#ingredients-tools-information {
  /*margin-bottom: 0px;*/
  margin-top: -1em; }
  #ingredients-tools-information .cooking-tool-bar-icon {
    width: 35px;
    margin-right: 5px; }
  #ingredients-tools-information .glyphicon-question-sign,
  #ingredients-tools-information .glyphicon-info-sign {
    color: #78C35D; }
  #ingredients-tools-information ul {
    padding-left: 0;
    list-style-type: none; }

.restart-recipe-modal {
  display: block;
  margin-top: 5.7%; }

#cooking-tool-bar-height {
  padding-top: 0;
  padding-bottom: 0;
  min-height: auto; }
  #cooking-tool-bar-height h4 {
    color: white; }
  #cooking-tool-bar-height .cooking-tool-bar-text-position {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }
  #cooking-tool-bar-height .cooking-tool-bar-text-font-weight {
    font-weight: normal; }
  #cooking-tool-bar-height .cooking-tool-bar-icon {
    width: 35px;
    margin-left: 20px;
    margin-right: 5px; }
  #cooking-tool-bar-height #ingredients-tools-text {
    margin-left: 20px;
    font-size: 2em; }
  #cooking-tool-bar-height #audio-activation {
    margin-left: 20px;
    font-size: 2em; }
  #cooking-tool-bar-height #recipe-image-thumbnail {
    width: 35px;
    border: 1px solid white;
    margin-right: 10px; }
  #cooking-tool-bar-height #restart-button, #cooking-tool-bar-height #skipAdvPrep-button {
    line-height: 26px;
    color: #333;
    background-color: white; }
  #cooking-tool-bar-height #zoom-in-recipe-image-icon {
    cursor: pointer;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px; }

ul.include li {
  margin-left: 1em;
  cursor: pointer; }
  ul.include li::before {
    content: "+";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    text-align: center; }

ul.exclude li {
  margin-left: 1em;
  cursor: pointer; }
  ul.exclude li::before {
    content: "–";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    text-align: center; }

.panel-body ul {
  margin-top: 0.5em; }

.form-slider {
  padding: 0 1em; }

.preferences.sticky {
  top: 114px; }

#panel-preferences .preferences-description-text {
  margin-bottom: 0 !important;
  margin-left: 2px;
  font-weight: normal !important; }

#panel-preferences .checkbox {
  margin-top: 0;
  margin-bottom: 1em; }
  #panel-preferences .checkbox label {
    padding-left: 0;
    padding-right: 1em;
    font-size: 1.2em;
    font-weight: bold;
    color: #c93300;
    line-height: 1.4em; }
  #panel-preferences .checkbox input {
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    height: 1em;
    width: 1em;
    transform: scale(1.5); }

#panel-preferences .load-preferences {
  margin-bottom: 15px; }

#panel-preferences .btn-default {
  border: 1px solid #ddd; }

#go-back {
  color: #78C35D; }

#results {
  padding: 0.5em 1.5em; }
  #results .wine-recommendation-icon {
    vertical-align: middle;
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url("img/wine.7be6ea772740b3d4.png");
    background-size: cover;
    background-position: left; }
  #results .pending {
    font-size: 1.5em;
    text-align: center; }
  #results .no-results {
    text-align: center; }
  #results .doneOrSearch {
    text-align: center; }
  #results .card-recipe {
    padding: 0.5em;
    display: inline-block;
    vertical-align: top; }
    #results .card-recipe > .panel {
      margin-bottom: 0;
      min-height: 305px; }
    #results .card-recipe .recipe-card-theme-tag, #results .card-recipe .recipe-card-cuisine-tag {
      text-transform: capitalize;
      background: #78C35D;
      color: white;
      border-radius: 5px;
      margin-bottom: 0.2em;
      margin-right: 0.5em; }
    #results .card-recipe a,
    #results .card-recipe a:hover,
    #results .card-recipe a:focus,
    #results .card-recipe a:active {
      color: inherit;
      text-decoration: none; }
    #results .card-recipe .panel-image {
      position: relative; }
      #results .card-recipe .panel-image img {
        width: 100%; }
      #results .card-recipe .panel-image .btn-float {
        position: absolute;
        top: 0.5em;
        right: 0.5em; }
      #results .card-recipe .panel-image .btn-shine {
        background: #625d5d;
        color: white;
        font-weight: bold;
        font-size: 1.2em;
        padding: 0.1em 0.6em;
        opacity: 0.5; }
        #results .card-recipe .panel-image .btn-shine:hover {
          opacity: 1.0; }
    #results .card-recipe h4 {
      font-weight: bold; }
  #results .suggest-recipe {
    color: #78C36B;
    cursor: pointer; }
  #results #suggest-recipe-font-size {
    font-size: 1.5em; }
  #results #suggestion-card-line-height {
    line-height: 107px !important; }
  #results .text-underline {
    text-decoration: underline; }
  #results .vertical-align-middle {
    vertical-align: middle; }
  #results .result-pageing {
    text-align: center; }
    #results .result-pageing .result-pageing-page {
      display: inline-block;
      border: 1px solid #78C35D;
      margin: 0 5px; }
      #results .result-pageing .result-pageing-page a {
        display: inline-block;
        color: #78C35D;
        text-decoration: none;
        cursor: pointer;
        width: 30px;
        height: 30px; }
    #results .result-pageing .result-pageing-page.selected {
      border-color: black;
      color: inherit; }
      #results .result-pageing .result-pageing-page.selected span {
        display: inline-block;
        width: 30px;
        height: 30px; }

.page-recipe,
.page-amounts,
.page-tools,
.page-timing,
.page-cooking {
  padding-top: 0 !important; }
  .page-recipe .row.container-height,
  .page-amounts .row.container-height,
  .page-tools .row.container-height,
  .page-timing .row.container-height,
  .page-cooking .row.container-height {
    overflow: hidden; }
  .page-recipe .row.container-height > [class*="col-"],
  .page-amounts .row.container-height > [class*="col-"],
  .page-tools .row.container-height > [class*="col-"],
  .page-timing .row.container-height > [class*="col-"],
  .page-cooking .row.container-height > [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px; }
  .page-recipe .col-image,
  .page-amounts .col-image,
  .page-tools .col-image,
  .page-timing .col-image,
  .page-cooking .col-image {
    padding-bottom: 1em; }
    .page-recipe .col-image img,
    .page-amounts .col-image img,
    .page-tools .col-image img,
    .page-timing .col-image img,
    .page-cooking .col-image img {
      width: 100%; }
  .page-recipe h3, .page-recipe h4,
  .page-amounts h3,
  .page-amounts h4,
  .page-tools h3,
  .page-tools h4,
  .page-timing h3,
  .page-timing h4,
  .page-cooking h3,
  .page-cooking h4 {
    margin-top: 0em;
    margin-bottom: 0.5em;
    color: #666666; }
  .page-recipe h4 + p.large,
  .page-amounts h4 + p.large,
  .page-tools h4 + p.large,
  .page-timing h4 + p.large,
  .page-cooking h4 + p.large {
    margin-top: -0.5em; }
  .page-recipe .btn-default,
  .page-amounts .btn-default,
  .page-tools .btn-default,
  .page-timing .btn-default,
  .page-cooking .btn-default {
    background: none;
    border: 1px solid #78C35D;
    color: #78C35D;
    margin-right: 1em; }
  .page-recipe .btn-default.active,
  .page-amounts .btn-default.active,
  .page-tools .btn-default.active,
  .page-timing .btn-default.active,
  .page-cooking .btn-default.active {
    background: #ebebeb;
    border: 2px solid #78C35D;
    border-radius: 3px; }
  .page-recipe label.btn-default,
  .page-amounts label.btn-default,
  .page-tools label.btn-default,
  .page-timing label.btn-default,
  .page-cooking label.btn-default {
    font-weight: bold;
    padding: 0.2em 0.5em; }
  .page-recipe .align-bottom,
  .page-amounts .align-bottom,
  .page-tools .align-bottom,
  .page-timing .align-bottom,
  .page-cooking .align-bottom {
    margin-top: 4em; }
  .page-recipe ul.list,
  .page-amounts ul.list,
  .page-tools ul.list,
  .page-timing ul.list,
  .page-cooking ul.list {
    margin-bottom: 0; }

.page-recipe .glyphicon-question-sign,
.page-recipe .glyphicon-info-sign, .page-amounts .glyphicon-question-sign,
.page-amounts .glyphicon-info-sign, .page-tools .glyphicon-question-sign,
.page-tools .glyphicon-info-sign {
  color: #78C35D;
  font-size: 1.5em; }

.page-recipe ul, .page-amounts ul, .page-tools ul {
  margin-top: -0.8em; }

.page-recipe ul.list, .page-amounts ul.list, .page-tools ul.list {
  padding-left: 0;
  list-style: none; }

.checked {
  background-image: url("img/check.ecce75606abb006d.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  display: inline-block; }

.cart {
  background-image: url("img/cart.14f85dcf5921cefb.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  display: inline-block; }

.availability {
  display: inline-block; }
  .availability .popover {
    min-width: 110px !important;
    max-width: 510px !important;
    overflow-x: auto; }

.availability-table {
  overflow-y: hidden;
  overflow-x: auto; }
  .availability-table .glyphicon {
    font-size: 2em; }

.availability-table, .availability-table div {
  width: 100%; }

.availability-table .availability-cell {
  display: inline-block;
  width: 190px; }

.availability-cost .payment-methods .availability-cell {
  vertical-align: top; }

.availability-cost .availability-cell:nth-child(n+2) {
  text-align: center; }

/*
.availability-header{
	display: inline-block;
	width: 190px;
	text-align: center;
	min-height: 120px;
	vertical-align: bottom;
	postion: relative;
}
*/
.shop-header {
  display: table; }
  .shop-header a {
    color: #78C35D; }
  .shop-header .availability-header {
    display: table-row; }
    .shop-header .availability-header div {
      display: table-cell;
      width: 190px;
      text-align: center;
      vertical-align: middle; }

.availability-header .shop-logo {
  display: inline-block;
  min-height: 80px; }
  .availability-header .shop-logo img {
    max-height: 80px;
    max-width: 80px; }

.accordion-header-span:first-child {
  text-align: left; }

.accordion-header-span {
  width: 190px;
  text-align: center;
  display: inline-block; }

.availability-popover .totalPrice {
  font-size: 1.5em; }

.availability-table .ingredient-title {
  font-weight: bold; }

.availability-table.ingredient-lines div:nth-child(even) {
  background: #c6e5ba; }

.availability-table.ingredient-lines div:nth-child(odd) {
  background: #FFF; }

.ingredient-lines .unselected {
  color: #CCC; }

.ingredient-lines .errorAdding {
  color: #F00; }

.ingredient-lines .errorAdding.unselected {
  color: #FCC; }

.availability-popover .buttons {
  padding: 15px; }

.availability-popover .buttons div {
  display: inline-block;
  width: 190px;
  text-align: center; }

.availability-popover button {
  white-space: normal;
  width: 180px; }

@media (min-width: 991px) and (max-width: 1200px) {
  .page-recipe .timing-section .timing-recipe-description::after {
    border-top: solid 12px #4c433c;
    border-left: solid 85px transparent;
    border-right: solid 85px transparent; }
  .page-recipe .timing-section .timing-recipe-description::before {
    border-top: solid 12px white;
    border-left: solid 85px transparent;
    border-right: solid 85px transparent; }
  .page-recipe .timing-section .timing-recipe-description.light-gray-tab::after {
    border-top: solid 12px #625d5d;
    border-left: solid 85px transparent;
    border-right: solid 85px transparent; }
  .page-recipe .timing-section .timing-recipe-description.light-gray-tab::before {
    border-top: solid 12px white;
    border-left: solid 85px transparent;
    border-right: solid 85px transparent; } }

@media (max-width: 666px) {
  .page-recipe .timing-section .timing-instructions {
    padding-top: 2em; } }

.page-recipe .timing-section .glyphicon, .page-recipe .timing-section .time-popover-trigger, .page-recipe .timing-section .glyphicon-chevron-down, .page-recipe .timing-section .glyphicon-chevron-up {
  color: #78C35D;
  cursor: pointer; }

.page-recipe .timing-section .glyphicon {
  cursor: pointer;
  font-size: 1.5em;
  background: white;
  border-radius: 15px; }
  .page-recipe .timing-section .glyphicon.glyphicon-minus-sign {
    margin-right: 1em; }
  .page-recipe .timing-section .glyphicon.glyphicon-plus-sign {
    margin-left: 1em; }

.page-recipe .timing-recipe-description {
  background-color: #4c433c;
  text-align: center;
  color: white;
  height: 50px; }
  .page-recipe .timing-recipe-description div {
    padding-top: 15px; }
  .page-recipe .timing-recipe-description span {
    font-size: 1.2em; }
    .page-recipe .timing-recipe-description span.timing-minutes-value {
      font-size: 1.5em; }
  .page-recipe .timing-recipe-description.light-gray-tab {
    background-color: #625d5d; }
    .page-recipe .timing-recipe-description.light-gray-tab::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-top: solid 12px #625d5d;
      border-left: solid 110px transparent;
      border-right: solid 110px transparent; }
    .page-recipe .timing-recipe-description.light-gray-tab::before {
      content: '';
      position: absolute;
      top: -10%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-top: solid 12px white;
      border-left: solid 121px transparent;
      border-right: solid 120px transparent; }
  .page-recipe .timing-recipe-description::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 12px #4c433c;
    border-left: solid 110px transparent;
    border-right: solid 110px transparent; }
  .page-recipe .timing-recipe-description::before {
    content: '';
    position: absolute;
    top: -10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 12px white;
    border-left: solid 121px transparent;
    border-right: solid 120px transparent; }

.page-recipe .recommendation-title {
  margin-top: 0.5em !important;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 24px; }

.page-recipe .wine-recommendation button {
  line-height: 2; }
  .page-recipe .wine-recommendation button.active .wine-recommendation-icon {
    background-image: url("img/wine-white.b539314298babbd3.png"); }

.page-recipe .wine-recommendation .wine-recommendation-icon {
  vertical-align: top;
  display: inline-block;
  height: 2.1em;
  width: 2.1em;
  background-image: url("img/wine.7be6ea772740b3d4.png");
  background-size: cover;
  background-position: left; }

.page-recipe .action-description {
  font-size: 1.2em !important; }

.page-recipe .nutrient-summary {
  line-height: 1.25em; }
  .page-recipe .nutrient-summary.nutrient-summary-list-recipe-sm {
    margin-bottom: 1em; }
  .page-recipe .nutrient-summary h5 {
    margin-top: 1.5em;
    margin-bottom: 0.5em; }
  .page-recipe .nutrient-summary .subtitle {
    font-size: 0.8em;
    margin-left: 0.5em; }
  .page-recipe .nutrient-summary .col0 {
    width: 50px;
    float: left;
    text-align: right; }
  .page-recipe .nutrient-summary .col1 {
    width: 150px;
    margin-left: 60px; }

.page-amounts .ingredients-list, .page-tools .ingredients-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-y: auto; }

@media (max-width: 993px) {
  .page-amounts .ingredient-list-item, .page-tools .ingredient-list-item {
    width: 100% !important; } }

.page-amounts .ingredient-list-item, .page-tools .ingredient-list-item {
  width: 50%;
  display: table-row;
  clear: left;
  position: relative; }

.page-amounts .ingredient-unit, .page-tools .ingredient-unit {
  width: 29px;
  display: table-cell; }

ul.list {
  list-style: square;
  padding-left: 1.5em; }

.recipe-actions,
.meal-timing {
  border-collapse: separate;
  margin: 0 -0.4em;
  padding-bottom: 1em; }
  .recipe-actions tr,
  .meal-timing tr {
    height: 2em; }
  .recipe-actions th, .recipe-actions td,
  .meal-timing th,
  .meal-timing td {
    vertical-align: middle; }
  .recipe-actions .timed-action,
  .meal-timing .timed-action {
    border-color: lightgray !important; }
    .recipe-actions .timed-action button, .recipe-actions .timed-action .action-icon-cell, .recipe-actions .timed-action .action-description, .recipe-actions .timed-action .swipeLeft,
    .meal-timing .timed-action button,
    .meal-timing .timed-action .action-icon-cell,
    .meal-timing .timed-action .action-description,
    .meal-timing .timed-action .swipeLeft {
      opacity: 0.4; }
  .recipe-actions .recipiece-icon,
  .recipe-actions .action-icon,
  .meal-timing .recipiece-icon,
  .meal-timing .action-icon {
    padding: 0.5em;
    text-align: center;
    font-size: 2em;
    width: 2em;
    height: 2em; }
    .recipe-actions .recipiece-icon i,
    .recipe-actions .action-icon i,
    .meal-timing .recipiece-icon i,
    .meal-timing .action-icon i {
      position: relative;
      top: 0.1em; }
  .recipe-actions .recipiece-icon,
  .meal-timing .recipiece-icon {
    font-size: 3em;
    padding-top: 0;
    padding-bottom: 0; }
  .recipe-actions .action-icon,
  .meal-timing .action-icon {
    border: 2px solid lightgray;
    border-radius: 0.5em;
    width: 2.2em;
    height: 2.2em; }
  .recipe-actions .recipiece-title,
  .meal-timing .recipiece-title {
    font-weight: bold;
    font-size: 1.2em; }
  .recipe-actions .action-description,
  .meal-timing .action-description {
    font-size: 1.5em;
    /* //this make the spaces befor/after the mediabox link disappear
		span{
			display: inline-block;		
		}
		*/ }

.recipe-actions {
  width: calc(100% + 2em);
  border-spacing: 0.5em; }

#combinedStepsList .steps-active .steps-active-inner {
  table: last-child;
    table-margin-bottom: 0; }
  #combinedStepsList .steps-active .steps-active-inner .step-active {
    border: 3px solid #78C35D;
    font-size: 1.1em;
    height: 6em; }
    #combinedStepsList .steps-active .steps-active-inner .step-active .btn-primary {
      font-size: 1.45em; }
  #combinedStepsList .steps-active .steps-active-inner table {
    margin-bottom: 2em; }
  #combinedStepsList .steps-active .steps-active-inner .action-description {
    padding: 0.5em 0; }

#combinedStepsList .steps-active .steps-active-inner {
  padding: 20px; }
  #combinedStepsList .steps-active .steps-active-inner table {
    width: 100%; }
  #combinedStepsList .steps-active .steps-active-inner .step-active {
    font-size: 1.25em; }

#combinedStepsList .steps-active tr:first-child.action-hr, #combinedStepsList .steps-pending tr:first-child.action-hr {
  height: 2em;
  position: relative; }
  #combinedStepsList .steps-active tr:first-child.action-hr td, #combinedStepsList .steps-pending tr:first-child.action-hr td {
    line-height: 0;
    text-align: center; }
    #combinedStepsList .steps-active tr:first-child.action-hr td hr, #combinedStepsList .steps-pending tr:first-child.action-hr td hr {
      margin-top: 1em; }
    #combinedStepsList .steps-active tr:first-child.action-hr td div, #combinedStepsList .steps-pending tr:first-child.action-hr td div {
      line-height: 1;
      display: inline-block;
      text-align: center;
      width: 250px;
      background-color: white;
      position: relative;
      top: -0.5em; }

#combinedStepsList .recipe-actions {
  width: 100%;
  margin: 0;
  border-spacing: 0 0.5em; }
  #combinedStepsList .recipe-actions .action-icon-cell {
    padding-left: 2em; }
  #combinedStepsList .recipe-actions .action-icon-cell {
    width: 2em; }
  #combinedStepsList .recipe-actions .action-icon {
    border-color: #333; }
  #combinedStepsList .recipe-actions .action-icon-cell, #combinedStepsList .recipe-actions .action-description, #combinedStepsList .recipe-actions .action-timer {
    padding-right: 0.5em; }
  #combinedStepsList .recipe-actions .swipeLeft {
    font-size: 0.5em;
    line-height: 1em;
    padding-top: 0.5em;
    text-align: center; }
  #combinedStepsList .recipe-actions .action-controls {
    padding-right: 2em; }

#combinedStepsList .panel-body::before {
  content: ""; }

#combinedStepsList .recipe-actions-container {
  padding: 0; }
  #combinedStepsList .recipe-actions-container > div {
    padding: 0; }

#combinedStepsList .recipe-actions .step-done {
  color: #888; }
  #combinedStepsList .recipe-actions .step-done .action-icon {
    border-color: #888; }
  #combinedStepsList .recipe-actions .step-done .action-timer {
    color: #333; }

#combinedStepsList .recipe-actions .action-hr {
  height: 1em; }
  #combinedStepsList .recipe-actions .action-hr hr {
    border-bottom: 1px dashed grey;
    margin: 0; }

#combinedStepsList .recipe-actions tr.action-hr:last-child {
  display: none; }

timeline-card {
  height: 2em;
  display: block;
  padding-top: 20px;
  padding-bottom: 3px;
  box-sizing: content-box; }

.meal-timing {
  width: 100%;
  position: relative;
  border-spacing: 0.5em 0; }
  .meal-timing .recipiece-icon {
    width: 3em; }
  .meal-timing .recipiece-icon object {
    height: 3em; }
  .meal-timing tr.time td {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1em; }
  .meal-timing td {
    vertical-align: middle; }

.select-cooks {
  vertical-align: top;
  position: relative;
  padding-bottom: 2em; }
  .select-cooks .underConstruction {
    background-color: #78C35D;
    bottom: 0;
    left: 100px;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }
    .select-cooks .underConstruction div {
      color: white;
      font-size: 1.3em;
      margin: 3.5% auto auto;
      text-align: center;
      width: 48%; }
  .select-cooks .cooks {
    display: inline-block;
    height: 5em;
    width: 2.4em;
    background-image: url("img/cooks.509a143210c7ac10.jpg");
    background-size: 15em 4.8em;
    background-position: left;
    margin-right: 3em;
    margin-bottom: -2em; }
  .select-cooks .cooks-1 {
    width: calc(1*3.6em); }
  .select-cooks .cooks-2 {
    width: calc(2*3.6em); }
  .select-cooks .cooks-3 {
    width: calc(3*3.6em); }

.select-cooking-timing-description-container {
  margin-top: -1em; }

.select-cooking-timing-title {
  vertical-align: top;
  display: inline-block;
  width: 10%;
  line-height: 1.5;
  font-weight: bold;
  word-wrap: break-word; }

.select-cooking-timing-description {
  display: inline-block;
  width: 85%;
  line-height: 1.5; }

.select-cooking-timing-name {
  font-size: 1.2em;
  margin-right: 1.5em; }

.select-cooking-timing {
  vertical-align: top;
  display: inline-block;
  height: 3.2em;
  width: 3.2em;
  background-size: cover;
  margin-top: -0.5em;
  margin-right: 0.7em; }

.select-cooking-timing.coking-timing-optimized {
  background-image: url("img/cookbar-clock.01de427e969c24f4.png"); }

.select-cooking-timing.coking-timing-place {
  background-image: url("img/cookbar-map.ade635bcfbcf89d5.png"); }

.cooking-timing-option-container {
  margin-top: -1 em;
  display: inline-block; }
  .cooking-timing-option-container .btn-default.active {
    background: #78C35D !important; }

.form-result {
  position: relative;
  display: inline-block;
  font-size: 1.2em; }
  .form-result:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: -0.6em;
    border: 1px solid gray;
    border-top-width: 0;
    box-sizing: content-box;
    padding: 0 0.6em; }

.backPanel {
  margin-top: -1.5em;
  margin-bottom: 1.5em; }
  .backPanel a {
    color: #78C35D; }
    .backPanel a i {
      margin-right: 0.5em; }

.page-amounts .meals-common .border-right {
  border: none; }

.page-amounts .send-by-email {
  margin-bottom: 0.5em; }

#main {
  margin-top: 3em; }
  #main .meal-timing {
    padding-bottom: 0; }

.page-amounts,
.page-tools,
.page-timing,
.page-cooking {
  background: white;
  padding: 2em;
  padding-top: 3em; }
  .page-amounts .wine-recommendation button,
  .page-tools .wine-recommendation button,
  .page-timing .wine-recommendation button,
  .page-cooking .wine-recommendation button {
    line-height: 2; }
    .page-amounts .wine-recommendation button.active .wine-recommendation-icon,
    .page-tools .wine-recommendation button.active .wine-recommendation-icon,
    .page-timing .wine-recommendation button.active .wine-recommendation-icon,
    .page-cooking .wine-recommendation button.active .wine-recommendation-icon {
      background-image: url("img/wine-white.b539314298babbd3.png"); }
  .page-amounts .wine-recommendation .popover,
  .page-tools .wine-recommendation .popover,
  .page-timing .wine-recommendation .popover,
  .page-cooking .wine-recommendation .popover {
    min-width: 35em; }
  .page-amounts .wine-recommendation .wine-recommendation-icon,
  .page-tools .wine-recommendation .wine-recommendation-icon,
  .page-timing .wine-recommendation .wine-recommendation-icon,
  .page-cooking .wine-recommendation .wine-recommendation-icon {
    vertical-align: top;
    display: inline-block;
    height: 2.1em;
    width: 2.1em;
    background-image: url("img/wine.7be6ea772740b3d4.png");
    background-size: cover;
    background-position: left; }
  .page-amounts .btn-default,
  .page-tools .btn-default,
  .page-timing .btn-default,
  .page-cooking .btn-default {
    background: none;
    border: 1px solid #999999;
    color: #999999;
    margin-right: 1em; }
  .page-amounts .form-slider,
  .page-tools .form-slider,
  .page-timing .form-slider,
  .page-cooking .form-slider {
    padding: 0; }
  .page-amounts#main,
  .page-tools#main,
  .page-timing#main,
  .page-cooking#main {
    margin-top: 0; }
  .page-amounts .wizard-navigation a,
  .page-tools .wizard-navigation a,
  .page-timing .wizard-navigation a,
  .page-cooking .wizard-navigation a {
    color: #78C35D;
    font-weight: bold; }
  .page-amounts .wizard-navigation .glyphicon-arrow-left,
  .page-tools .wizard-navigation .glyphicon-arrow-left,
  .page-timing .wizard-navigation .glyphicon-arrow-left,
  .page-cooking .wizard-navigation .glyphicon-arrow-left {
    margin-right: 0.5em; }
  .page-amounts .wizard-navigation .glyphicon-arrow-right,
  .page-tools .wizard-navigation .glyphicon-arrow-right,
  .page-timing .wizard-navigation .glyphicon-arrow-right,
  .page-cooking .wizard-navigation .glyphicon-arrow-right {
    margin-left: 0.5em; }
  .page-amounts .wizard-navigation .btn-primary,
  .page-tools .wizard-navigation .btn-primary,
  .page-timing .wizard-navigation .btn-primary,
  .page-cooking .wizard-navigation .btn-primary {
    color: white;
    font-size: 20px; }
  .page-amounts .cooking-time-icon,
  .page-tools .cooking-time-icon,
  .page-timing .cooking-time-icon,
  .page-cooking .cooking-time-icon {
    display: inline-block;
    height: 1.1em;
    width: 1.1em;
    background-image: url("img/tools-lg.db7f19ff2e549952.png");
    background-size: cover;
    background-position: left; }
  .page-amounts .waiting-time-icon,
  .page-tools .waiting-time-icon,
  .page-timing .waiting-time-icon,
  .page-cooking .waiting-time-icon {
    display: inline-block;
    height: 1.1em;
    width: 1.1em;
    background-image: url("img/eye-lg.e34a35f9303c5e4e.png");
    background-size: cover;
    background-position: left; }

#accordionTiming #activeTime {
  background-color: #D7D7D7; }

#accordionTiming #waitTime {
  background-color: #898989; }

#accordionTiming .time-box {
  display: block;
  color: #333333; }

#accordionTiming .time-text {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px; }

.page-timing .glyphicon-question-sign,
.page-timing .glyphicon-info-sign {
  color: #78C35D; }

.page-timing .cooking-timing-option-container .btn.active, .page-timing .cooking-timing-option-container .btn.active {
  color: black; }

.border-bottom {
  border-bottom: 1px dashed #999999; }

.border-right {
  border-right: 1px dashed #999999;
  padding-right: 2em; }

.border-left {
  border-left: 1px dashed #999999;
  padding-left: 2em; }

.content {
  padding-top: 1em;
  padding-bottom: 1em; }
  .content h3:first-child,
  .content h4:first-child {
    margin-top: 0; }
  .content h4 {
    margin-top: 1em;
    margin-bottom: 2px; }
    .content h4 a {
      color: #78C35D;
      text-transform: uppercase;
      font-size: 0.8em; }
  .content .meal {
    margin-bottom: 1em;
    text-align: center;
    margin-bottom: 1em; }
    .content .meal .recipiece-label {
      margin-bottom: 1.2em;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .content .meal .recipiece-img {
      width: 50%;
      text-align: center;
      font-size: 5em;
      border: 2px solid darkgray;
      border-radius: 100%;
      width: 2em;
      height: 2em;
      overflow: hidden;
      margin: 0 auto; }
      .content .meal .recipiece-img i {
        background-size: cover;
        background-position: center center;
        display: inline-block;
        height: 100%;
        width: 100%; }
  .content .meal-image {
    margin: 0 -1em;
    max-height: 10em;
    overflow: hidden;
    position: relative; }
    .content .meal-image img {
      width: 100%; }
    .content .meal-image .label-float {
      position: absolute;
      left: 0;
      top: 1em; }
    .content .meal-image .label-shine {
      background: #625d5d;
      color: white;
      font-weight: bold;
      font-size: 1.2em;
      padding: 0.1em 0.6em;
      opacity: 0.5;
      border-radius: 0; }

#modal-eat .modal-dialog {
  margin-top: 1em !important; }

#modal-eat .modal-dialog,
#modal-mise-en-place .modal-dialog {
  margin-top: 25em; }
  #modal-eat .modal-dialog .highlight,
  #modal-mise-en-place .modal-dialog .highlight {
    font-weight: bold;
    font-size: 2em; }
  #modal-eat .modal-dialog .modal-footer,
  #modal-mise-en-place .modal-dialog .modal-footer {
    text-align: center; }

.actions-line {
  background: #f7f5f6;
  margin: -15px;
  margin-bottom: 1em;
  margin-top: -42px !important;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden; }
  .actions-line.visible {
    overflow-x: scroll; }
    .actions-line.visible .action {
      display: inline-block;
      background: none !important;
      opacity: 1; }
    .actions-line.visible .disabled {
      background-image: none !important; }
    .actions-line.visible .active {
      background-image: none !important; }
  .actions-line .disabled {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: -1em;
    z-index: 80;
    opacity: 0.3; }
  .actions-line .action {
    display: none;
    padding: 0em 1em 0em 1em;
    text-align: center;
    margin-left: 1em;
    position: relative;
    /*
		&.wait: not(.unassigned) {
			&: after {
				content: " ";
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 4px;
				background: #f68f55;
			}
		}
		*/ }
    .actions-line .action.visible {
      display: inline-block !important; }
    .actions-line .action:first-child.pending, .actions-line .action:first-child.wait {
      color: darkgray; }
      .actions-line .action:first-child.pending i, .actions-line .action:first-child.wait i {
        filter: brightness(80%) sepia(1) saturate(0%) brightness(100%);
        -webkit-filter: brightness(80%) sepia(1) saturate(0%) brightness(100%); }
    .actions-line .action i {
      font-size: 2em;
      padding: 1em 0;
      display: inline; }
    .actions-line .action i.glyphicon-ok, .actions-line .action i.glyphicon-plus-sign, .actions-line .action i.glyphicon-minus-sign {
      color: #78C35D; }
    .actions-line .action i.glyphicon-plus-sign {
      top: -0.05em; }
    .actions-line .action .action-label {
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0 0.5em;
      margin: 0 -0.5em;
      margin-bottom: 0.5em;
      font-size: 0.8em; }
    .actions-line .action.unassigned {
      background: gray; }
    .actions-line .action.active:not(.unassigned):after {
      content: " ";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: #78C35D; }

.page-cooking .nav-tabs li {
  width: 50%;
  text-align: center;
  font-weight: bold; }
  .page-cooking .nav-tabs li.active a {
    color: black !important;
    background-color: white; }
    .page-cooking .nav-tabs li.active a:hover {
      color: black; }
  .page-cooking .nav-tabs li a {
    text-decoration: none;
    color: white;
    font-size: 2em;
    font-style: bold;
    background-color: #c1eabd; }
    .page-cooking .nav-tabs li a:hover {
      color: white; }

.page-cooking .recipe-actions-container {
  padding-bottom: 0 !important; }

.page-cooking .recipiece-img {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 5em;
  border: 2px solid darkgray;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  overflow: hidden;
  margin: 0 auto; }
  .page-cooking .recipiece-img i {
    background-size: cover;
    background-position: center center;
    display: inline-block;
    height: 100%;
    width: 100%; }

.page-cooking .recipiece-icon {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 5em;
  border: 2px solid darkgray;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  margin: 0 auto; }
  .page-cooking .recipiece-icon i {
    display: inline-block;
    margin-top: 0.3em; }

.page-cooking .recipiece-label {
  margin-bottom: 1.2em;
  font-family: "" Roboto "," Helvetica Neue ",Helvetica,Arial,sans-serif";
  line-height: 1.3em;
  font-weight: bold;
  text-align: center; }

.page-cooking .action-controls {
  width: 8em;
  padding-right: 1em; }
  .page-cooking .action-controls .btn-primary {
    font-size: 20px; }

.page-cooking .action-timer {
  width: 10%;
  text-align: right;
  vertical-align: middle; }
  @media screen and (max-width: 992px) {
    .page-cooking .action-timer {
      width: 15%; } }
  .page-cooking .action-timer .timer-time {
    display: inline; }
  .page-cooking .action-timer .timer-circle {
    display: inline-block;
    width: 2em;
    height: 2em;
    vertical-align: bottom;
    margin-left: 0.5em; }

.page-cooking .actions-line {
  margin-bottom: 0; }

.content-meal .recipiece-icon i {
  display: inline-block;
  margin-top: 0.3em;
  font-size: 6em !important; }

.panel {
  width: 100%; }

.page-homepage #background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("img/background.447575308d7530ea.jpg");
  background-size: cover; }

a.large {
  margin-top: 2em;
  font-size: 1.5em;
  color: #ffffff;
  font-weight: bold; }
  a.large:hover, a.large:focus {
    text-decoration: none; }

p.large {
  font-size: 2em; }

.panel-large {
  font-size: 1.25em; }
  .panel-large h4 {
    font-size: 2em; }
  .panel-large p {
    margin-top: 1em;
    margin-bottom: 1em; }
  .panel-large .panel-body {
    padding: 1.6em; }

.panel-body > :first-child {
  margin-top: 0; }

.panel-body > :last-child {
  margin-bottom: 0; }

.panel-body > * > :first-child {
  margin-top: 0; }

.panel-body > * > :last-child {
  margin-bottom: 0; }

.pull-right .btn {
  margin-right: 0; }

.form-group {
  margin-bottom: 1.5em; }

label {
  margin-bottom: 1.5em; }

.btn-lg {
  font-size: 1em;
  margin-top: 1.5em;
  text-transform: uppercase;
  padding: 0.5em 3em; }

.timeline {
  display: block;
  min-width: 10em;
  width: 100%;
  height: 2em;
  position: absolute;
  background: white; }
  .timeline .timeline-line {
    border-left: 1px solid black;
    height: 33px;
    margin-top: -3px;
    position: absolute;
    display: block;
    width: 20px;
    z-index: 1; }
  .timeline .timeline-time {
    position: absolute;
    margin-top: -20px;
    width: 50px; }
  .timeline .timeline-segment {
    display: block;
    position: relative;
    float: left;
    height: 105%;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold; }
    .timeline .timeline-segment > img {
      height: 70%; }
  .timeline .timeline-segment.timeline-action {
    background: #d7d7d7; }
  .timeline .timeline-segment.timeline-wait {
    background: #898989;
    color: white;
    top: 0; }
    .timeline .timeline-segment.timeline-wait .popover-content {
      color: black !important; }
  .timeline .segment-label {
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    margin-left: -50%;
    color: #898989;
    margin-top: 2.5em;
    text-transform: uppercase; }

feedback {
  position: fixed;
  z-index: 1800;
  right: -50px;
  top: 50%;
  transform: rotate(-90deg); }

.sticky {
  position: fixed; }

.btn-popover {
  position: relative; }

.popover .close {
  font-size: 1.2em;
  border: 1px solid #606060;
  border-radius: 4px;
  padding: 0.3em;
  padding-bottom: 0.2em;
  padding-top: 0em; }

.btn-popover + .popover {
  max-width: none;
  width: 100%; }

body > .popover {
  min-width: 450px; }

.wine-recommendation .recom-image {
  margin-top: 22px; }
  .wine-recommendation .recom-image img {
    margin: 0 auto; }

.wine-recommendation .first {
  font-size: 1.4em;
  font-weight: bold; }

.wine-recommendation .second {
  font-size: 1.2em; }

.wine-recommendation .supplementary {
  margin-top: 1.0em; }

.wine-recommendation a + a {
  margin-left: 1em; }

.btn-primary.btn-popover:active, .btn-primary.btn-popover:focus, .btn-primary.btn-popover:hover {
  outline-style: none;
  background: #5dad40; }

.btn-popover.active,
.btn-popover.active:active,
.btn-popover.active:focus,
.btn-popover.active:hover {
  color: inherit;
  background-color: white; }

i.info {
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  background: #bfbfbf;
  color: white;
  border-radius: 3em;
  height: 2.1em;
  width: 2.1em;
  text-align: center;
  font-size: 0.9em;
  margin-left: 0.5em; }

.popover .ingredient-info, .popover .tool-info {
  margin: 0.5em 0.7em;
  font-size: 0.9em;
  p: last-child;
    p-margin-bottom: 0; }
  .popover .ingredient-info a, .popover .tool-info a {
    color: #78C35D; }
  .popover .ingredient-info .btn-default, .popover .tool-info .btn-default {
    background: none;
    border: 1px solid #78C35D;
    color: #78C35D;
    margin-right: 1em;
    font-size: inherit; }

.btn-text {
  background: none;
  padding: 0;
  margin-top: -1em; }

.mediaBoxLink {
  cursor: pointer;
  color: #78C35D;
  text-decoration: underline; }

.mediaBox-window .modal-dialog {
  display: table;
  margin-top: 170px;
  width: auto; }
  .mediaBox-window .modal-dialog .modal-content {
    display: table-cell;
    border: 2px solid black; }

.mediaBox {
  display: table;
  margin: 10px; }
  .mediaBox .mediaBox-title {
    padding: 10px 10px 10px 0;
    font-size: 2em;
    font-weight: bold; }
  .mediaBox .mediaBox-previous, .mediaBox .mediaBox-next {
    display: table-cell;
    vertical-align: middle;
    width: 40px; }
    .mediaBox .mediaBox-previous svg, .mediaBox .mediaBox-next svg {
      height: 60px;
      width: 40px;
      cursor: pointer; }
      .mediaBox .mediaBox-previous svg .arrow, .mediaBox .mediaBox-next svg .arrow {
        fill: #78C35D; }
  .mediaBox .mediaBox-content {
    display: table-cell;
    vertical-align: top;
    max-width: 500px; }
  .mediaBox .mediaBox-media {
    width: 100%; }
    .mediaBox .mediaBox-media object, .mediaBox .mediaBox-media img {
      width: 100%; }
  .mediaBox .mediaBox-description, .mediaBox .mediaBox-description-big, .mediaBox .mediaBox-link {
    width: 100%; }

.modal-nav-form .modal-dialog {
  width: 300px;
  margin-top: 100px; }

.modal-nav-form .modal-content {
  padding: 1em; }

.modal-nav-form label {
  margin-bottom: 0; }

.ui-state-highlight .instructions::after {
  content: 'Drop the recipe here'; }

.ui-state-highlight .information {
  display: none; }

.drag-enabled {
  display: none; }

.drag-and-drop-container {
  padding: 5px;
  display: inline-block; }

.dropzone-meal {
  margin-top: 0.6em;
  margin-bottom: 0; }

.card-recipe.hover-in .panel {
  border: 5px solid #78C35D; }

.meal-recipe.hover-out i::before {
  filter: brightness(50%) sepia(1) hue-rotate(330deg) saturate(250%) brightness(90%);
  -webkit-filter: brightness(50%) sepia(1) hue-rotate(330deg) saturate(250%) brightness(90%); }

.recipe-info {
  display: block;
  height: 3.2em;
  width: 3.2em;
  background-size: cover;
  margin: auto;
  margin-bottom: 0.5em; }
  .recipe-info.timing-icon {
    background-image: url("img/cookbar-clock.01de427e969c24f4.png"); }
  .recipe-info.people-icon {
    background-image: url("img/people.482adec7a554b3f7.png"); }

.time, .servingCount {
  display: inline-block;
  text-align: center;
  float: left;
  padding: 5px;
  min-width: 140px; }
  .time .result, .servingCount .result {
    font-size: 18px; }

.servingCount {
  margin-right: 2em; }

.recipeOptions .time, .recipeOptions .servingCount {
  border: 1px solid black;
  border-radius: 5px; }

.recipeOptions .time.changable, .recipeOptions .servingCount.changable {
  cursor: pointer; }

.page-recipe .form-slider {
  margin: 40px 0; }

.page-recipe .recipe-tags {
  margin-top: -1em;
  width: 105%; }
  .page-recipe .recipe-tags .tag {
    background: #78C35D;
    color: white;
    border-radius: 5px;
    margin-bottom: 0.2em;
    margin-right: 0.5em; }

#recipe-page-add-buttons-container {
  position: absolute;
  right: 0;
  bottom: 0; }
  @media screen and (max-width: 666px) {
    #recipe-page-add-buttons-container {
      position: relative; } }
  #recipe-page-add-buttons-container button {
    font-size: 1.3em; }

#bottom-recipe-page-add-buttons-container {
  width: 100%;
  text-align: left;
  position: relative;
  margin-top: 1em !important;
  margin-bottom: 0.5em; }
  #bottom-recipe-page-add-buttons-container button {
    font-size: 1.3em; }

.message-outer {
  position: fixed;
  text-align: center;
  top: 50px;
  width: 100%;
  z-index: 2000;
  /* above all bootstrap layers */ }
  .message-outer .message {
    display: inline-block;
    padding: 0 2em;
    opacity: 0.8;
    background-color: rgba(76, 67, 60, 0.8);
    color: white;
    margin: 0 2px; }
  .message-outer .message-success {
    /* $digimealsGreen */
    background-color: rgba(120, 195, 93, 0.8); }
  .message-outer .message-error {
    background-color: rgba(216, 119, 74, 0.8); }

.presented-by b {
  cursor: pointer; }

.footer-logo {
  position: relative; }
  .footer-logo img {
    width: 100%;
    padding: 0 1em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }

.footer-info .company-name {
  font-weight: bold; }

.footer-share a {
  display: block;
  margin: 15px 0;
  text-align: left; }

#footer-bar {
  /*background: #e2e2e2;*/
  /*
	margin-right: 0 !important;
	margin-left: 0 !important;
	position: fixed;*/
  bottom: 0;
  width: 100%; }
  #footer-bar .container {
    width: auto;
    border-top: 1px solid black; }
  #footer-bar .company-presentation {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  #footer-bar .footer-line {
    border-top: 1px solid black;
    color: gray; }
  #footer-bar .footer-bar-left {
    background: #e2e2e2; }
    #footer-bar .footer-bar-left .footer-bar-element {
      background: #e2e2e2;
      margin-right: 25px; }
  #footer-bar .footer-bar-right {
    background: #e2e2e2;
    text-align: right; }
    #footer-bar .footer-bar-right .footer-bar-element {
      background: #e2e2e2;
      margin-left: 25px; }
  #footer-bar .footer-bar-center {
    background: #e2e2e2;
    color: black;
    font-weight: bold;
    text-align: center; }
  #footer-bar .footer-bar-element {
    background: #e2e2e2;
    display: inline-block;
    cursor: pointer; }
    #footer-bar .footer-bar-element:hover {
      color: black; }

.textualcontent-body {
  width: 80%;
  margin-left: 10%;
  background-color: white;
  padding-left: 3em;
  margin-top: 2.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 2.5em; }

.page-privatePolicy,
.page-imprint,
.page-ichefez {
  margin-top: 3em; }
  .page-privatePolicy .panel-body,
  .page-imprint .panel-body,
  .page-ichefez .panel-body {
    margin: 2em;
    margin-top: 1em; }

.contactUs-backPannel-container {
  width: 80%;
  margin-left: 10%; }
  .contactUs-backPannel-container .backPanel {
    margin-top: 2em;
    margin-bottom: 0; }

.contactus {
  width: 80%;
  margin-left: 10%;
  background-color: white;
  padding-left: 3em;
  margin-top: 2.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 2.5em; }

.stickToBottom {
  position: absolute;
  width: 100%;
  bottom: 0; }

.quote-text {
  font-style: italic; }
  .quote-text:before {
    content: "\""; }
  .quote-text:after {
    content: "\""; }

.guided-steps-container-main {
  border: 1px solid lightgray;
  padding: 10px; }

.guided-steps-container {
  margin-bottom: 4em; }
  .guided-steps-container .done {
    color: lightgray;
    border: 1px lightgray solid; }
  .guided-steps-container .slide-3d {
    border: none !important; }
    .guided-steps-container .slide-3d .slide-content {
      padding: 10px;
      min-height: 130px; }
    .guided-steps-container .slide-3d.current .slide-content {
      border: 1px green solid; }
    .guided-steps-container .slide-3d .slide-content {
      border: 1px black solid; }
  .guided-steps-container .done-action-icon {
    margin-top: 0.35em;
    position: absolute;
    display: inline-block;
    padding: 0.5em;
    text-align: center;
    font-size: 2em;
    width: 2.2em;
    height: 2.2em;
    border: 2px solid lightgray;
    border-radius: 0.5em; }
    .guided-steps-container .done-action-icon i {
      color: #a3cb12; }
  .guided-steps-container .pending-action-icon {
    border: 1px solid lightgray;
    margin-top: 0.35em;
    position: absolute;
    display: inline-block;
    padding: 0.5em;
    text-align: center;
    font-size: 2em;
    width: 2.2em;
    height: 2.2em;
    border: 2px solid lightgray;
    border-radius: 0.5em; }
  .guided-steps-container .action-description {
    font-size: 1.5em;
    width: 80%;
    display: inline-block;
    padding: 8px; }
    .guided-steps-container .action-description div {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      max-height: 4em;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.cooking-page-navigation .wizard-label {
  display: none; }

.cooking-page-navigation .wizard-icon img {
  width: 40px !important;
  height: 40px !important; }

.cooking-page-navigation .wizard-line {
  top: calc(1em + 20px) !important; }

.cooking-page-navigation .navbar #logo-cookbar {
  top: 15px !important; }

.passwordConditions {
  font-size: 0.6em;
  line-height: 1em;
  padding-top: 2px; }

.modal-nav-form.modal-login .modal-dialog {
  width: 350px; }

.modal-login .form-group {
  margin-bottom: 0.5em; }

.modal-login h3 {
  margin: 0 0 0.25em; }

.modal-login .subtitle {
  line-height: 1em; }

.modal-login a {
  color: #78C35D; }

.modal-login .buttons button {
  width: 47%; }

.modal-login .btn-default {
  background: none;
  border: 1px solid #78C35D;
  color: #78C35D; }

.modal-login .errorMessage {
  color: #f00; }

.homepage-header-text {
  color: white; }

.homepage-link-text {
  color: #78C35D; }

.green-font-color {
  color: #78C35D; }

.page-recipe #recipeAccordion .panel-group .panel-heading h4 {
  margin-bottom: 0 !important; }

.page-recipe h2.recipe-detail-title {
  margin-top: 10px; }

.cook-with-settings-btn-container {
  /*bottom: 1em;
	position: absolute;
	left: 43%;*/
  padding-left: 30px;
  padding-top: 15px; }

@media (max-width: 991px) {
  .cook-with-settings-btn-container {
    bottom: 0;
    position: absolute;
    left: 47%; } }

#language-dropdown li {
  cursor: pointer; }

.glyphicon-question-sign,
.glyphicon-info-sign {
  cursor: pointer; }

.pairings .pairingType {
  margin-top: 15px; }
  .pairings .pairingType .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px; }

.backPanel .shariff .orientation-horizontal {
  justify-content: flex-end;
  flex-wrap: nowrap; }

#modal-eat .shariff {
  text-align: left; }
  #modal-eat .shariff li {
    max-width: none; }

.navbar-header .navbar-social {
  display: inline-block;
  float: right;
  color: #777;
  padding: 9px 10px; }

.navbar-collapse .navbar-social {
  display: none; }

@media (min-width: 768px) {
  .navbar-header .navbar-social {
    display: none; }
  .navbar-collapse .navbar-social {
    display: inline-block; } }

.navbar-social a {
  padding-right: 10px; }

/* bootstrap z-index override (begin) */
/* original values: 
.dropdown-backdrop {
	z-index: 990;
}
.navbar-static-top {
	z-index: 1000;
}
.dropdown-menu {
	z-index: 1000;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
	z-index: 1030;
}
.modal-backdrop {
	z-index: 1040;
}
.modal {
	z-index: 1050;
}
.popover {
	z-index: 1060;
}
.tooltip {
	z-index: 1070;
}
*/
.popover {
  z-index: 1036; }

/*
	.page-recipe .modal-backdrop,
	.page-amounts .modal-backdrop,
	.page-tools .modal-backdrop,
	.page-timing .modal-backdrop,
	.page-cooking .modal-backdrop {
		z-index: 5 !important;
	}
*/
.modal-backdrop.popover-backdrop {
  z-index: 1035; }

.btn-popover.active {
  z-index: 1037; }

/* bootstrap z-index	override (end) */
/* Device overview / start page (begin) */
.card-device {
  cursor: pointer; }
  .card-device .panel-image {
    text-align: center; }
    .card-device .panel-image img {
      display: inline-block;
      max-height: 100%;
      max-width: 100%; }
  .card-device .device-title {
    font-weight: bold; }

@media (min-width: 768px) {
  .card-device .panel-image {
    height: 225px; } }

@media (min-width: 992px) {
  .card-device .panel-image {
    height: 168px; } }

@media (min-width: 1200px) {
  .card-device .panel-image {
    height: 168px; } }

/* Device overview / start page (end) */
/* Device help / info page (begin) */
.content-links p {
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  color: #78C35D; }

/* Device help / info page (begin) */
.btn-border {
  border: 1px solid gray; }

/* lacyload / picturefill (start) */
/* Prevents img without src to appear */
img:not([src]) {
  visibility: hidden; }

/* Fixes Firefox anomaly */
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden; } }

/* lacyload / picturefill (end) */
/* css3 loading symbol (begin) */
.sk-fading-circle {
  margin: 300px auto;
  width: 100px;
  height: 100px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

/* css3 loading symbol (end) */
#accordionIngredients, .btn-cook-now-sm {
  display: none; }

.btn-restart-xs {
  display: none; }

@media screen and (max-width: 767px) {
  .navbar-right {
    float: right !important; }
  #field-keywords {
    text-overflow: ellipsis; }
  #main.page-results {
    margin-top: 1em; }
  .navbar {
    padding: 0 !important; }
  .navbar-form.navbar-left {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
  .page-recipe, .page-cooking {
    padding-right: 0;
    padding-left: 0; }
    .page-recipe .availability, .page-cooking .availability {
      display: none; }
  .bottom-recipe-page-add-buttons-container {
    width: 100%; }
  .bottom-recipe-page-add-buttons-container-button {
    width: 100% !important;
    font-size: 1.1em !important; }
  .btn-cook-now-sm {
    display: block;
    width: 100%;
    margin-bottom: 0.5em; }
  .ingredient-header-recipe-sm, .ingredient-list-recipe-sm, .nutrient-summary-list-recipe-sm, .cook-with-settings-btn-container-sm {
    display: none; }
  .navbar-meal .navbar-form.navbar-left {
    border-color: #4d4d4d; }
    .navbar-meal .navbar-form.navbar-left .form-group {
      margin-left: 15px;
      width: 80%;
      display: inline-block;
      vertical-align: top; }
    .navbar-meal .navbar-form.navbar-left #submitSearchQuery {
      vertical-align: top; }
  #accordionIngredients {
    display: block; }
  #cooking-tool-bar-height .navbar-right {
    display: none; }
  #cooking-tool-bar-height .navbar-left {
    min-height: 39px; }
  #cooking-tool-bar-height #zoom-in-recipe-image-icon {
    margin-left: 1em; }
  #cooking-tool-bar-height .cooking-tool-bar-text-position-title {
    margin-right: 0.2em;
    font-size: 2em; }
  #cooking-tool-bar-height .cooking-tool-bar-icon {
    margin-left: 0; }
  #cooking-tool-bar-height .btn-restart-xs {
    display: inline-block;
    float: right; }
  #footer-bar {
    position: static; }
    #footer-bar .footer-bar-left .footer-bar-element {
      margin-right: 0px !important; }
    #footer-bar .footer-bar-right .footer-bar-element {
      margin-left: 5px !important; }
    #footer-bar .footer-bar-center .footer-bar-element {
      /*margin: 5px !important;*/ }
  .small-nav .navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 55px; }
  .small-nav #logo {
    height: 40px; }
  .recipe-tags {
    margin-top: 0 !important;
    margin-bottom: 0.5em; }
  .servingCount {
    margin-right: 2vw;
    margin-bottom: 2vw; }
  #recipeAccordion .time {
    margin-bottom: 1em; }
  .recommendation-mobile-modal {
    display: block !important; }
  .recommendation-modal {
    display: none; }
  .close {
    display: none !important; }
  .close-mobile {
    display: block !important;
    margin-right: 0.5em;
    margin-top: -1em; }
  .shoppingListModal .close-mobile, .availabilityListModal .close-mobile {
    margin-top: 0 !important; }
  .navbar-text-spacer {
    min-width: 1em !important; }
  .availability-mobile {
    display: block !important; }
  .action-controls button {
    white-space: normal !important; } }

.recommendation-mobile-modal {
  display: none; }

.close-mobile {
  display: none; }

.shoppingListModal .modal-content {
  padding: 0.5em; }

.shoppingListModal li {
  margin-bottom: 0 !important; }
  .shoppingListModal li label {
    margin-bottom: 0 !important; }

.ingredient-detail-cell {
  text-align: center; }

.ingredients-table-row .availability-cell {
  display: table-cell;
  vertical-align: middle; }

.availabilityListModal .availability-table .availability-cell {
  display: inline-block;
  width: 160px;
  word-break: break-word;
  font-size: 11px !important; }

.availabilityListModal .availability-table .availability-cell:first-child {
  width: 150px !important; }

.availabilityListModal .buttons {
  padding-bottom: 10px;
  padding-left: 5px; }

@media screen and (max-width: 480px) {
  #cooking-tool-bar-height .cooking-tool-bar-text-position-title {
    margin-bottom: 0.2em;
    margin-left: 0.2em; }
  #cooking-tool-bar-height #restart-button {
    margin-left: 0.4em; }
  #cooking-tool-bar-height .navbar-form.navbar-left {
    /*
			margin-top: 0 !important;
			padding-top: 0.8em !important;
			padding-bottom: 0.4em !important;
		*/ }
  .navbar-meal .navbar-form.navbar-left .form-group {
    width: 75%; }
  #combinedStepsList .steps-active .steps-active-inner {
    padding: 0px; }
  #combinedStepsList .recipe-actions .action-controls {
    padding-right: 0; }
  #combinedStepsList .recipe-actions .action-icon-cell {
    padding-left: 5px; }
  .recipe-actions .action-description {
    font-size: 1.25em;
    line-height: 1em; } }

@media screen and (max-width: 360px) {
  .navbar-meal .navbar-form.navbar-left .form-group {
    width: 70%; } }

.visible-xxxs,
.visible-xxs {
  display: none !important; }

@media (max-width: 479px) {
  .visible-xxxs {
    display: block !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .visible-xxs {
    display: block !important; } }

@media (max-width: 767px) {
  .feedback-dialog {
    min-width: 0 !important;
    left: 1em !important; }
  #modal-eat .modal-dialog {
    margin-top: 10em; } }

.dinner-planner-image {
  max-width: 100%; }

.dinner-planner-placeholder-image {
  min-width: 100%;
  height: 100px;
  border: 2px dashed black; }

.glyphicon-plus-sign {
  color: #78C35D;
  font-size: 1.2em; }

.glyphicon-remove-sign {
  color: #d8774a;
  font-size: 1.2em; }

.dinner-planner-modal .tag {
  background: #78C35D;
  color: white;
  border-radius: 5px;
  margin-bottom: 0.2em;
  margin-right: 0.5em; }

.dinner-planner-modal .ingredient-list-recipe-sm {
  list-style: none;
  padding-left: 0 !important; }

.dinner-planner-modal .close {
  font-size: 1.2em;
  border: 1px solid #606060;
  border-radius: 4px;
  padding: 0.3em;
  padding-bottom: 0.2em;
  padding-top: 0em;
  margin-right: 0.5em;
  margin-top: 0.5em; }

.dinner-planner-container i.glyphicon {
  cursor: pointer !important; }

.dinner-planner-container .recommendation-recipes {
  margin-top: 0;
  padding: 0; }

.dinner-planner-ingredient-popover {
  z-index: 1070 !important; }

.green-circle:before {
  content: ' \25CF';
  color: #78C35D;
  font-size: 1em; }

.cooking-green-circle {
  display: inline-block; }
  .cooking-green-circle:before {
    content: ' \25CF';
    color: #78C35D;
    font-size: 0.4em; }

.recipe-step-green-circle {
  display: inline-block;
  line-height: 0.5em; }
  .recipe-step-green-circle:before {
    content: ' \25CF';
    color: #78C35D;
    font-size: 0.4em; }