.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}@keyframes dropMenuExpand{from{max-height:0}to{max-height:15em}}.navigation-bar__link{padding:10px 10px;text-decoration:none;align-items:center;display:flex;flex:none;background-color:#e5f9ff;color:#303030;border-radius:4px;margin:0.4em}.navigation-bar__link a:visited,.navigation-bar__link a:link{color:#303030}.navigation-bar__link a:hover{color:#303030;background-color:#56B0CC}.navigation-bar{background-color:#c3dde5;padding:0.7em;overflow:hidden;display:flex}.navigation-bar__link-container.collapsed{display:none}.navigation-bar__link-container.expanded{height:auto;overflow:hidden;display:flex;flex-direction:column;padding:1em;background-color:#c3dde5;animation-name:dropMenuExpand;animation-duration:0.5s;animation-timing-function:ease-out}.navigation-bar__menu-icon{height:2em;width:2em;margin-left:0.3em}.navigation-bar__icon{height:1.5em;padding-right:1em}@keyframes search-in{0%{opacity:0;width:0}100%{opacity:1;width:10em}}.search{margin-left:auto}.search__icon{float:right}.search__input{float:inherit;background:transparent;border:none;border-bottom:solid 1px #a5a5a5;font-size:1.5em;animation:search-in 1s ease;width:10em}.search__input:focus{outline:none}.search__results-list{list-style-type:none;padding:1em;margin:0;background-color:#c3dde5}.search__results-list.no-results{display:none}.search__result-item{padding:0.5em 0}.search__result-item a{text-decoration:underline;background-color:initial}.search__result-item a:visited,.search__result-item a:link{color:#303030}.tabs__container{display:flex;margin-left:2em}.tabs__tab{background-color:#56B0CC;align-items:center;border-radius:0.5em;width:5em;margin-right:1em;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0.5em;display:inline-block}.tabs__tab:visited,.tabs__tab:link{color:#303030}.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}h4{position:relative}.category-list{list-style-type:none;padding:0;max-width:20em;margin-left:2em;margin-right:2em}.category-list__header{margin-left:2em;margin-top:1em;font-size:1.5em;font-weight:bold;color:#366E80}.category-item{cursor:pointer;position:relative;left:0;background-color:#e5f9ff;color:#366E80;margin-top:.5em;margin-bottom:.5em;border-radius:0.2em}.category-item__link{display:block;height:100%;text-decoration:none;padding:0.7em 0.5em}.category-item__link:visited,.category-item__link:link{color:inherit}.category-item:hover{color:#366E80;background-color:#6BDCFF;left:.1em}.category-item:active{background-color:#6BDCFF}.category-item .text{position:relative;top:-3px}.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}.recipe-list{list-style-type:none;padding:0;max-width:20em;margin-left:2em;margin-right:2em}.recipe-list__header{margin-left:2em;margin-top:1em;font-size:1.5em;font-weight:bold;color:#505050}.recipelist-item{cursor:pointer;position:relative;left:0;background-color:#f2f2f2;color:#505050;margin-top:.5em;margin-bottom:.5em;border-radius:0.2em}.recipelist-item__link{display:block;height:100%;text-decoration:none;padding:0.7em 0.5em}.recipelist-item__link:visited,.recipelist-item__link:link{color:inherit}.recipelist-item:hover{color:#505050;background-color:#B8EEFF;left:.1em}.recipelist-item:active{background-color:#B8EEFF}.recipelist-item .text{position:relative;top:-3px}.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}ul{padding:0}.recipe-details__title-block{display:flex;align-items:center;justify-content:space-between}.recipe-details__name{margin-left:12px}.recipe-details__picture{width:100%;height:15em;object-fit:cover}.recipe-details__picture-upload--input{display:none}.recipe-details__buttons{display:flex;align-items:center}.recipe-details__header{font-size:1.5em;color:#366E80;margin-bottom:1em;font-weight:bold;font-family:"verdana"}.recipe-details__header__favorite{float:right;margin-right:12px;font-size:1.25em;color:#999999}.recipe-details__header__favorite.favorite{color:#FFB208}.recipe-details__icon{float:right;height:24px;width:24px;margin-right:12px}.portion-control__container{display:flex;align-items:center;margin-left:12px}.portion-control__portions-label{width:80px;color:#505050;font-size:16px;font-weight:normal;display:inline-block}.portion-control__change-portions{font-size:20px;background-color:#B8EEFF;height:1.5em;width:1.5em;border-radius:0.5em;text-align:center;margin:5px;cursor:pointer}.portion-control__portion-number{background-color:transparent;font-weight:bold;cursor:default}.ingredientList{margin-top:30px;list-style-type:none;margin-left:1em}.ingredientList__ingredient-subtitle{color:#56B0CC;font-weight:bold;margin-top:2em;margin-bottom:0.5em;font-size:1.2em;font-family:"verdana"}.ingredientList__ingredient-quantity{display:inline-block;width:90px;min-width:90px;height:20px;margin:.5em 0;color:gray;font-weight:bold;cursor:pointer}.ingredientList__ingredient-quantity--input{border:1px solid #56B0CC;border-radius:4px;width:60px;min-width:60px;margin-right:28px;padding-left:0.5em}.ingredientList__ingredient-container{display:flex;font-family:'Courier New', Courier, monospace}.ingredientList__ingredient-name{align-self:center}.instructionsList__list{margin-left:1em}.instructionsList__instruction{color:#000;margin-top:10px;margin-bottom:10px;text-align:justify}.description{background-color:#B8EEFF;padding:1em;border-radius:0.5em;margin:20px 0 10px 0}.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}.ingredient-block,.instruction-block{display:flex}.ingredient-block--selected input,.instruction-block--selected input{background-color:#B8EEFF}.ingredient-block:hover input,.instruction-block:hover input{background-color:#6BDCFF}.recipeform-ingredient-quantity-group{margin-left:2em}.instruction-block{display:flex;width:100%}.recipeform-instruction-group{box-sizing:border-box;width:100%;margin-left:2em}.remove{cursor:pointer;height:20px;width:20px}.icon-container.icon-remove{color:#6C8187;cursor:pointer;margin:0.4em;padding:0.4em;height:0.8em;width:0.8em;border-radius:50%;font-size:0.8em;line-height:0.8em;text-align:center}.submitbutton{margin-top:1em;margin-bottom:1em;margin-right:0.5em;background-color:#56B0CC;border:none;border-radius:6px;text-align:center;padding:1em;font-weight:bold}.submitbutton.reset{background-color:#eee}.submitbutton.delete{background-color:initial}.movebutton{height:1em;padding:0.2em;cursor:pointer;background-color:#B8EEFF;border-radius:0.6em;margin:0.1em}.movebutton.movedown{transform:rotate(180deg)}.movebuttons-container{width:1.5em;margin-bottom:0.2em;margin-top:-0.9em;margin-right:0.5em;position:absolute}.form-group{width:100%}.recipeform-block{display:block;margin-right:auto;margin-left:auto;width:100%}label.recipeform-block{max-width:100%;font-weight:700;font-size:14px}.recipeform-header{font-size:1.5em;color:#366E80;margin-top:0.5em;margin-bottom:1em;font-weight:bold}.recipeform__input{display:block;width:100%;height:2.3em;padding:0.5em 1em;border-style:solid;border-width:1px;border-color:#ccc;background-color:white;box-sizing:border-box}.recipeform__input:focus{outline:0;border-color:#366E80;box-shadow:0 0 2px 2px #56B0CC}.recipeform__input.invalid{border-color:#FF5C4B}.recipeform__input.invalid:focus{box-shadow:0 0 2px 2px #FF5C4B;border-width:2px;border-color:#FF5C4B}.recipeform__ingredient-buttons{margin-left:2em}.ingredient-row{margin-left:2em;display:flex}.ingredient-label{width:10em}.ingredient-label__block{margin-left:2em;display:flex}.validated-input__errors{color:red}.recipeform-group{background-color:#eee;border-radius:5px;padding:1em;margin-bottom:1em}.recipeform-group__header{margin-bottom:1em}.recipeform-add-button{background-color:#6BDCFF;border:none;border-radius:6px;text-align:center;padding:0.5em;font-weight:bold;margin:0.2em}.description{height:5em;resize:vertical;margin-top:0px;margin-bottom:0px}.recipeform__error{font-weight:normal;font-size:0.9em;color:#FF5C4B}.loading-spinner{height:1.5em;width:1.5em;border-color:#DCF5FA;border-radius:50%;border-top:#0888A0;border-right:#0888A0;border-width:0.4em;border-style:solid;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}.loading-pot{text-align:center;margin-top:10%}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.modal-dialog{width:80%;max-width:400px;margin:auto;margin-top:5em;background-color:white}.modal-dialog__background{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.4)}.modal-dialog__header{background-color:#B8EEFF;color:#366E80;padding:1em;font-weight:bold}.modal-dialog__message{background-color:#fff;color:#000;padding:2em 1em;min-height:4em}.modal-dialog__input{display:block;width:75%;height:2.3em;padding:0.5em 1em;border-radius:0.3em;border-style:solid;border-width:1px;border-color:#ccc;background-color:white;box-sizing:border-box;margin-top:1em}.modal-dialog__input:focus{outline:0;border-color:#366E80;box-shadow:0 0 2px 2px #56B0CC}.modal-dialog__footer{background-color:#6BDCFF;color:#366E80;padding:1em}.modal-dialog__footer__buttons{text-align:right}.modal-dialog__primary-button{margin-left:0.5em;border-radius:5px;border-width:0;padding:0.5em 1em;background-color:#6BDCFF}.modal-dialog__secondary-button{margin-left:0.5em;border-radius:5px;border-width:0;padding:0.5em 1em;background-color:#a5a5a5}.error-dialog{width:80%;max-width:400px;margin:auto;margin-top:5em;background-color:white;overflow:hidden;border-radius:1em}.error-dialog__background{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4)}.error-dialog__header{background-color:#c2c2c2;color:#FF5C4B;padding:1em;font-weight:bold}.error-dialog__message{background-color:#fff;color:#FF5C4B;padding:2em 1em;min-height:4em;font-weight:bold}.error-dialog__footer{background-color:#c2c2c2;color:#303030;padding:1em}.error-dialog__footer__buttons{text-align:right}.error-dialog__primary-button{border-radius:5px;background-color:gray;border-width:0;padding:0.5em 1em}.login-header{font-size:1.5em;color:#FF5C4B;margin-top:0.5em;margin-bottom:1em;font-weight:bold}.password-input{border-radius:5px;display:block;width:20em;height:2.3em;padding:0.5em 1em;border-radius:0.3em;border-style:solid;border-width:1px;border-color:#ccc;background-color:white;box-sizing:border-box}.password-input:focus{outline:0;border-color:#366E80;box-shadow:0 0 2px 2px #366E80}.password-input.incorrect-password{border-color:#FF5C4B;outline:0;box-shadow:0 0 2px 2px #FF5C4B}.login-incorrect-password-text{margin-top:5px;font-size:0.9em;color:#FF5C4B}.submitbutton.login{margin-top:2em;background-color:#6BDCFF;color:#505050}.back-button{cursor:pointer;height:50px}.content{margin-left:2em;margin-right:2em;max-width:700px}.filter-content{margin-top:1em;margin-left:2em;margin-right:2em;max-width:20em}.filter-input{margin-top:1em;height:2em;border-radius:0.5em;border:1px solid #56B0CC;padding-left:1em}.filter-input__list{list-style-type:none;margin:0}.filter-input__list__container{position:absolute;z-index:1000;background-color:#eee;width:100%;border:1px solid #6BDCFF;max-width:20em;margin-right:2em}.filter-input__suggestion-list__item{padding:0.5em 0.8em;text-overflow:ellipsis}.filter-input__suggestion-list__item:nth-child(odd){background-color:#B8EEFF}.filter-list__item{padding:0.5em;align-items:center;display:flex;border-radius:0.6em;background-color:#B8EEFF;margin:0.2em;font-size:0.8em;line-height:0.8em}.filter-list__container{display:flex;flex-wrap:wrap}.filter-list__remove{background-color:#a5a5a5;display:flex;padding:0.2em;width:1em;height:1em;align-items:center;justify-content:center;margin-left:0.5em;border-radius:50%}.filter-list__remove__icon{color:#303030}.filter-list{list-style-type:none;padding:0;width:100%;max-width:20em}.filter-list.collapsed li{display:none}.filter-list.collapsed .filter-list__title__icon{transform:rotate(0deg)}.filtered-recipes__list{list-style-type:none;padding:0;width:100%;max-width:20em}.filtered-recipes__list__item{cursor:pointer;position:relative;left:0;background-color:#f2f2f2;color:#505050;margin-top:.5em;margin-bottom:.5em;border-radius:0.2em}.filtered-recipes__list__item__link{display:block;height:100%;text-decoration:none;padding:0.7em 0.5em}.filtered-recipes__list__item__link:visited,.filtered-recipes__list__item__link:link{color:inherit}.filtered-recipes__list__item:hover{color:#505050;background-color:#B8EEFF;left:.1em}.filtered-recipes__list__item:active{background-color:#B8EEFF}.landing-page__version-info{border:1px solid #505050;border-radius:0.5em;margin-top:1em;background-color:#eee;overflow:hidden}.landing-page__version-info__header{border-bottom:1px solid #505050;padding:0.5em;background-color:#B8EEFF;font-weight:bold}.landing-page__version-info__body{padding:0.5em}.landing-page__version-info__body__text{color:#366E80}.landing-page__version-info__body__feature-list{list-style-type:disc;margin:0.5em 0 0 1em}.landing-page__version-info__body__feature-list__item{padding:0.5em 0}.landing-page__version-info__ok-button{background-color:#6BDCFF;border:none;border-radius:6px;text-align:center;padding:0.5em;font-weight:bold;margin:0 0.5em 0.5em 0;float:right}.landing-page__container{margin:0 1em}.landing-page__title__container{text-decoration:none;display:flex;flex-direction:column;align-items:center;margin-top:1em}.landing-page__title__logo{width:4em}.landing-page__title__title{margin-top:0.5em;font-size:1.4em;color:#366E80}.landing-page__favorites__container{display:flex;width:100%}.landing-page__favorites__list{width:100%;list-style-type:none}.landing-page__favorites__list--no-favorites{margin-left:0.5em;color:gray;font-size:0.9em;margin-top:0.3em}.landing-page__favorites__list__title{font-size:1.2em;font-weight:bold;margin-bottom:0.5em;color:#366E80;border-bottom:1px solid #6BDCFF}.landing-page__favorites__list__title:after{content:"★";color:#FFB208;font-size:1.5em;margin-left:0.2em}.landing-page__favorites__list__item{margin-left:0.5em;margin-top:0.3em}.landing-page__favorites__list__item__link{text-decoration:none;color:#366E80}.landing-page__history__container{display:flex;width:100%}.landing-page__history__list{width:100%;list-style-type:none}.landing-page__history__list--no-history{margin-left:0.5em;color:gray;font-size:0.9em;margin-top:0.3em}.landing-page__history__list__title{font-size:1.2em;font-weight:bold;margin-bottom:0.5em;color:#366E80;border-bottom:1px solid #6BDCFF}.landing-page__history__list__item{margin-left:0.5em;margin-top:0.3em}.landing-page__history__list__item__link{text-decoration:none;color:#366E80}body{background-color:#efefef;margin:0;font-family:'Courier New', Courier, monospace}.main-content{max-width:750px;margin:auto;background-color:white;min-height:98vh;padding-bottom:2vh}