/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-ExtraLight.ttf");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-Light.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-SemiBold.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-Bold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("assets/fonts/Source_sans_pro/SourceSansPro-Black.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
.pell {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.pell-content {
  box-sizing: border-box;
  height: 300px;
  outline: 0;
  overflow-y: auto;
  padding: 10px;
}

.pell-actionbar {
  background-color: #FFF;
  border-bottom: 1px solid #ccc;
}

.pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom;
}

.pell-button-selected {
  background-color: #F0F0F0;
}

/* padding in the columns, if you want gutters,
 * the gutters should be the same as the padding */
/* auto is none, 1em is nice if you want gutters */
/* auto to remove gutters */
/* if you don't use gutters, you could remove bodypadding*/
.block_group:before, .block_group:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

.block_group {
  clear: both;
  *zoom: 1;
  margin: -0.8em -0.8em;
}
.block_group > .block_group {
  float: left;
  margin: 0;
  clear: none;
}

.block {
  float: left;
  width: 100%;
  padding: 0.8em;
}

.holder {
  max-width: 480px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 420px) {
  .holder {
    max-width: none;
    width: 100vw;
  }
}

.form-verification {
  max-width: 404px;
  margin: 0 auto;
  padding-top: 20px;
}

.week_menu-ingredient_checkbox, .week_menu-choose_recipe-collection_checkbox, .week_menu-drag_button, .item-drag_button, .edit_recipe-drag_button, .recipe-ingredient_checkbox, .top_menu-nav_item, .item_form-cancel, .item_form-save, .edit_recipe-delete, input[type=submit],
input[type=button],
button[type=submit], .kulinarisk_popup-orange_button, .tags-tag_edit_button, .week_menu-choose_recipe-cancel_button, .week_menu-edit_menu_button, .week_menu-show_all_ingredients_button, .delete_items-show_button,
.delete_items-checked, .recipe-add_shopping_list-add_all_button,
.recipe-add_shopping_list-add_checked_button, .homepage-inspiration_button, .week_menu-choose_recipe-tag, .edit_recipe-tag, .recipes-search_tag, .settings-delete_account, .kulinarisk_popup-red_button, .tags-tag_form-delete, .delete_items-all, .ingredient_list-delete, .recipe-add_shopping_list-add_checked_button.recipe-button_disabled, .settings-popup-button, .settings-log_out, .settings-manage_subscription_link, .full_screen_popup-button, .kulinarisk_popup-close_button, .week_menu-all_ingredients-close_button, .week_menu-all_ingredients-add_button.week_menu-button_disabled, .week_menu-recipe_preview-cancel, .week_menu-choose_recipe-search_button, .delete_items-cancel, .edit_recipe-capacity_is_full_popup-back_button, .recipe-share_popup-close_button, .recipe-add_shopping_list-cancel_button, .recipe-tag, .recipes-search_button, .payment_success-kokboken_button, .kulinarisk_popup-green_button, .tags-tag_form-save, .tags-new_tag_save, .week_menu-all_ingredients-add_button, .week_menu-choose_recipe-choose_random_button, .week_menu-free_text_popup-create_button, .week_menu-new_menu_item_popup-free_text_button, .week_menu-new_menu_item_popup-recipe_button, .week_menu-add_recipe_button, .week_menu-cancel_edit_button, .forgot_password-login_link,
.reset_password-login_link, .recipe-buy_premium_button,
.recipes-buy_premium_button,
.edit_recipe-buy_premium_button, .edit_recipe-new_tag_submit, .add_ingredient_list, .edit_recipe-add_ingredient, .recipe-share_popup-mobile_native_share_button, .recipe-share_popup-copy_link_button, .recipe-add_to_week_menu,
.recipe-edit,
.recipe-share,
.recipe-copy_to_recipes,
.recipe-share_button, .recipe-portions_decrement,
.recipe-portions_increment, .recipes-tips_inspiration_button,
.recipes-tips_create_recipe_button, .recipes-category_link, .recipes-more_button, .recipes-new_recipe, .homepage-login_button,
.homepage-sign_up_button, .week_menu-recipe_preview-add_recipe, .week_menu-save_button, #user_new-create,
#login_button,
#submit_button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.item_form-cancel, .item_form-save, .edit_recipe-delete, input[type=submit],
input[type=button],
button[type=submit], .kulinarisk_popup-orange_button, .tags-tag_edit_button, .week_menu-choose_recipe-cancel_button, .week_menu-edit_menu_button, .week_menu-show_all_ingredients_button, .delete_items-show_button,
.delete_items-checked, .recipe-add_shopping_list-add_all_button,
.recipe-add_shopping_list-add_checked_button, .homepage-inspiration_button, .week_menu-choose_recipe-tag, .edit_recipe-tag, .recipes-search_tag, .settings-delete_account, .kulinarisk_popup-red_button, .tags-tag_form-delete, .delete_items-all, .ingredient_list-delete, .recipe-add_shopping_list-add_checked_button.recipe-button_disabled, .settings-popup-button, .settings-log_out, .settings-manage_subscription_link, .full_screen_popup-button, .kulinarisk_popup-close_button, .week_menu-all_ingredients-close_button, .week_menu-all_ingredients-add_button.week_menu-button_disabled, .week_menu-recipe_preview-cancel, .week_menu-choose_recipe-search_button, .delete_items-cancel, .edit_recipe-capacity_is_full_popup-back_button, .recipe-share_popup-close_button, .recipe-add_shopping_list-cancel_button, .recipe-tag, .recipes-search_button, .payment_success-kokboken_button, .kulinarisk_popup-green_button, .tags-tag_form-save, .tags-new_tag_save, .week_menu-all_ingredients-add_button, .week_menu-choose_recipe-choose_random_button, .week_menu-free_text_popup-create_button, .week_menu-new_menu_item_popup-free_text_button, .week_menu-new_menu_item_popup-recipe_button, .week_menu-add_recipe_button, .week_menu-cancel_edit_button, .forgot_password-login_link,
.reset_password-login_link, .recipe-buy_premium_button,
.recipes-buy_premium_button,
.edit_recipe-buy_premium_button, .edit_recipe-new_tag_submit, .add_ingredient_list, .edit_recipe-add_ingredient, .recipe-share_popup-mobile_native_share_button, .recipe-share_popup-copy_link_button, .recipe-add_to_week_menu,
.recipe-edit,
.recipe-share,
.recipe-copy_to_recipes,
.recipe-share_button, .recipe-portions_decrement,
.recipe-portions_increment, .recipes-tips_inspiration_button,
.recipes-tips_create_recipe_button, .recipes-category_link, .recipes-more_button, .recipes-new_recipe, .homepage-login_button,
.homepage-sign_up_button, .week_menu-recipe_preview-add_recipe, .week_menu-save_button, #user_new-create,
#login_button,
#submit_button {
  display: inline-block;
  padding: 8px 11px;
  background: white;
  border-radius: 1rem;
  border: 1px solid #ececec;
  color: #5c9b82;
  font-weight: 500;
  cursor: pointer;
}

.week_menu-recipe_preview-add_recipe, .week_menu-save_button, #user_new-create,
#login_button,
#submit_button {
  background: #92d692;
  color: #fff;
}

.payment_success-kokboken_button, .kulinarisk_popup-green_button, .tags-tag_form-save, .tags-new_tag_save, .week_menu-all_ingredients-add_button, .week_menu-choose_recipe-choose_random_button, .week_menu-free_text_popup-create_button, .week_menu-new_menu_item_popup-free_text_button, .week_menu-new_menu_item_popup-recipe_button, .week_menu-add_recipe_button, .week_menu-cancel_edit_button, .forgot_password-login_link,
.reset_password-login_link, .recipe-buy_premium_button,
.recipes-buy_premium_button,
.edit_recipe-buy_premium_button, .edit_recipe-new_tag_submit, .add_ingredient_list, .edit_recipe-add_ingredient, .recipe-share_popup-mobile_native_share_button, .recipe-share_popup-copy_link_button, .recipe-add_to_week_menu,
.recipe-edit,
.recipe-share,
.recipe-copy_to_recipes,
.recipe-share_button, .recipe-portions_decrement,
.recipe-portions_increment, .recipes-tips_inspiration_button,
.recipes-tips_create_recipe_button, .recipes-category_link, .recipes-more_button, .recipes-new_recipe, .homepage-login_button,
.homepage-sign_up_button {
  font-size: 14px;
  border-color: #5baf65;
  color: #5baf65;
  /*
  &:hover,
  &:active {
    color: darken($c-green, 10%);
    border-color: darken($c-green, 10%);
  }
  */
}

.settings-popup-button, .settings-log_out, .settings-manage_subscription_link, .full_screen_popup-button, .kulinarisk_popup-close_button, .week_menu-all_ingredients-close_button, .week_menu-all_ingredients-add_button.week_menu-button_disabled, .week_menu-recipe_preview-cancel, .week_menu-choose_recipe-search_button, .delete_items-cancel, .edit_recipe-capacity_is_full_popup-back_button, .recipe-share_popup-close_button, .recipe-add_shopping_list-cancel_button, .recipe-tag, .recipes-search_button {
  font-size: 14px;
  border-color: #ccc;
  color: #929292;
  /*
  &:hover,
  &:active {
    color: darken($c-gray, 10%);
    border-color: darken(#ccc, 10%);
  }
  */
}

.recipe-add_shopping_list-add_checked_button.recipe-button_disabled {
  font-size: 14px;
  border-color: #ccc;
  color: #c1c1c1;
}

.settings-delete_account, .kulinarisk_popup-red_button, .tags-tag_form-delete, .delete_items-all, .ingredient_list-delete {
  font-size: 14px;
  border-color: #E84A47;
  color: #E84A47;
  /*
  &:hover,
  &:active {
    color: darken($c-red, 10%);
    border-color: darken($c-red, 10%);
  }
  */
}

.week_menu-choose_recipe-tag, .edit_recipe-tag, .recipes-search_tag {
  font-size: 14px;
  border-color: #518dff;
  color: #518dff;
  /*
  &:hover,
  &:active {
    color: darken($c-blue, 10%);
    border-color: darken($c-blue, 10%);
  }
  */
}

.kulinarisk_popup-orange_button, .tags-tag_edit_button, .week_menu-choose_recipe-cancel_button, .week_menu-edit_menu_button, .week_menu-show_all_ingredients_button, .delete_items-show_button,
.delete_items-checked, .recipe-add_shopping_list-add_all_button,
.recipe-add_shopping_list-add_checked_button, .homepage-inspiration_button {
  font-size: 14px;
  border-color: #ff8c00;
  color: #ff8c00;
  /*
  &:hover,
  &:active {
    color: darken($c-blue, 10%);
    border-color: darken($c-blue, 10%);
  }
  */
}

*, *:before, *:after {
  box-sizing: border-box;
}

* {
  outline: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
}

body,
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4 {
  font-size: inherit;
}

a {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

hr {
  border: 0;
  border-bottom: 1px solid #dedede;
}

input,
textarea,
button {
  font-size: 1rem;
  color: #5a5555;
  font-family: inherit;
}

button {
  cursor: pointer;
  color: #5a5555;
}

address {
  font-style: normal;
}

b {
  font-weight: 500;
}

textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

input,
select {
  margin-bottom: 15px;
  background: #f7f7f7;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=search],
input[type=button],
input[type=submit],
button[type=submit],
select {
  -webkit-appearance: none;
  font-family: "SourceSansPro";
  font-size: 1rem;
  color: #5a5555;
}

input[type=text],
input[type=email],
input[type=password] {
  width: 100%;
  padding: 11px 7px;
  margin-top: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

input[type=submit],
input[type=button],
button[type=submit] {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  border: none;
  font-weight: 600;
}
input[type=number],
select {
  width: 100%;
  padding: 11px 7px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

input[type=checkbox] {
  cursor: pointer;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.form-errors {
  color: #bb4c48;
  background: #f3dede;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #efd3d7;
  border-radius: 5px;
}

.form-success {
  color: #697539;
  background: #dfefd7;
  padding: 10px;
  border: 1px solid #d6e8c4;
  border-radius: 5px;
}

html {
  color: #5a5555;
  font-size: 16px;
}

@media only screen and (min-width: 600px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
a {
  color: inherit;
  text-decoration: none;
  line-height: inherit;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-rendering: optimizeLegibility;
}

/* Default header styles */
h1, h2, h3, h4 {
  font-family: "SourceSansPro", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000127;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.1;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: inherit;
}

h4 {
  font-size: inherit;
}

.text_header_small {
  font-family: "lato", sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
}

.text_small {
  font-size: 14px;
}

.text_large {
  font-size: 20px;
}

html, body {
  height: 100%;
}

body {
  padding: 0;
  background: #fff;
  font-family: "SourceSansPro", sans-serif;
  color: #5a5555;
  word-wrap: break-word;
  overflow-x: hidden;
  max-width: 600px;
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

.no_scroll {
  overflow: hidden;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.justify_center {
  justify-content: center;
}

.flex_end {
  justify-content: flex-end;
}

.align_center {
  align-items: center;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ch_cancel_button {
  display: block;
  width: 24px;
  padding: 0;
  background: transparent;
  border: none;
  text-align: center;
  cursor: pointer;
}

hr {
  margin: 15px 0;
  background-color: #dedede;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
}
.top_menu-default {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  color: white;
  background: #92d692;
}
.top_menu-default.hide {
  display: none;
}

.top_menu-recipe,
.top_menu-shopping_list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  color: white;
  background: #92d692;
}
.top_menu-recipe .top_menu-nav_item-left,
.top_menu-shopping_list .top_menu-nav_item-left {
  flex: 1;
  text-align: left;
}
.top_menu-recipe .top_menu-nav_item-right,
.top_menu-shopping_list .top_menu-nav_item-right {
  flex: 1;
  text-align: right;
}

.top_menu-heading {
  margin: 0;
  color: white;
  font-weight: 600;
}

.confirmation_popup_container {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.confirmation_popup {
  width: 95%;
  max-width: 600px;
  background: #5baf65;
  color: #fff;
  padding: 16px;
  border-radius: 5px;
  z-index: 100;
  cursor: pointer;
}

#app_container {
  background: #fff;
  height: 100%;
}

.homepage-title_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #92d692;
  padding: 70px 0;
  margin-bottom: 20px;
}

.homepage-title {
  color: #fff;
  font-size: 52px;
  margin-bottom: 15px;
}

.homepage-title_description {
  color: #fff;
  font-size: 20px;
}

.homepage-login_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.homepage-login_button,
.homepage-sign_up_button {
  width: 150px;
  text-align: center;
  border: none;
  font-size: 16px;
}

.homepage-inspiration_button {
  width: 150px;
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
}

.homepage-login_button {
  margin-right: 15px;
}

.homepage-store_buttons {
  display: flex;
}

.homepage-play_store_button,
.homepage-app_store_button {
  display: block;
  margin-top: 50px;
}
.homepage-play_store_button img,
.homepage-app_store_button img {
  height: 40px;
}

.homepage-play_store_button {
  margin-right: 10px;
}

.homepage-use_cases {
  margin-bottom: 50px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 16px;
  border: 1px solid #ccc;
  box-shadow: #ccc 0px 0px 10px 0px;
}
.homepage-use_cases a {
  color: #3689c9;
  text-decoration-color: rgba(54, 137, 201, 0.3);
}

.homepage-use_case {
  margin-bottom: 20px;
}

.homepage-use_case-question {
  display: block;
  color: #5baf65;
  font-weight: 500;
  font-size: 17px;
}

.homepage-use_case-punch_line {
  font-size: 17px;
}

.homepage-feature {
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
}

.homepage-image_container {
  display: flex;
  justify-content: center;
  padding: 0 36px;
  margin-bottom: 10px;
}

.homepage-feature_image {
  max-width: 320px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 720/1444;
}
@media only screen and (min-width: 392px) {
  .homepage-feature_image {
    aspect-ratio: initial;
    height: 642px;
  }
}

.homepage-feature_image-kokboken {
  background-image: url(/assets/images/homepage_kokboken.png);
}

.homepage-feature_image-matsedeln {
  background-image: url(/assets/images/homepage_matsedeln.png);
}

.homepage-feature_image-handlingslistan {
  background-image: url(/assets/images/homepage_handlingslistan.png);
}

.homepage-feature_image-inspiration {
  background-image: url(/assets/images/homepage_inspiration.png);
}

.homepage-feature_text {
  flex: 1;
  font-size: 20px;
  color: #fff;
  background: #92d692;
  padding: 16px;
}
.homepage-feature_text p {
  font-weight: 500;
}

.homepage-feature_title {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

#homepage-contact {
  padding: 16px;
  padding-bottom: 50px;
  color: #fff;
  background: #92d692;
}

.homepage-contact-header {
  display: block;
  font-size: 22px;
}

.homepage-contact-mail:hover {
  text-decoration: underline;
}

.navigation {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  background: #92d692;
  padding-top: 15px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 15px;
}

.navigation a,
.navigation_mobile a,
.navigation_mobile-links a {
  text-decoration: none;
}

.navigation a,
.navigation a:visited,
.navigation_mobile a,
.navigation_mobile a:visited,
.navigation_mobile-links a,
.navigation_mobile-links a:visited {
  color: #FFF;
}

.navigation a:hover,
.navigation_mobile a:hover,
.navigation_mobile-links a:hover {
  color: #fff;
}

.navigation_mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  font-size: 20px;
  background: #92d692;
  padding-top: 0px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0px;
}

.navigation_mobile-item {
  flex: 1;
  display: flex;
}
.navigation_mobile-item.home {
  justify-content: center;
}

.navigation_mobile-back_button {
  cursor: pointer;
}

.hamburger_menu {
  display: flex;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 3px;
  cursor: pointer;
}

.hamburger_stripes {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.hamburger_stripes div {
  width: 100%;
  background: #FFF;
  height: 3px;
}

.hamburger_menu:hover .hamburger_stripes div {
  background: #fff;
}

.navigation_mobile-links {
  height: 0;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-direction: column;
  background: #5e8e5e;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: inset 0px 0px 10px #547f54;
}

.navigation_mobile-links a {
  display: block;
  background: transparent;
  border-top: 1px solid #447337;
  padding-top: 9px;
  padding-bottom: 9px;
  margin: 0;
}

.navigation_mobile-links a:nth-child(1) {
  border: none;
}

.recipes-sub_menu {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background: #fff;
}

.recipes-sub_menu_item {
  display: flex;
  flex: 1;
}

.recipes-search_button {
  display: flex;
}

.recipes-dropdown_arrow {
  width: 18px;
  height: 18px;
  background: url(/assets/icons/down_arrow.svg) no-repeat center;
  background-size: 100%;
  margin-left: 2px;
}
.recipes-dropdown_arrow.up {
  background: url(/assets/icons/up_arrow.svg) no-repeat center;
}

.recipes-more_button {
  border-radius: 20px;
}

.recipes-category_link {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.recipes-search_tag {
  margin-bottom: 10px;
  margin-right: 8px;
}
.recipes-search_tag.checked {
  background: #518dff;
  color: #fff;
}

#recipes-search_menu {
  overflow: hidden;
  height: 0;
  padding: 0 16px 0 16px;
  background: #fff;
}
#recipes-search_menu.inspiration-search_menu {
  height: auto;
}

.recipes-search_tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px 0;
}

.recipes-recipes_container {
  min-height: calc(100vh - 68px - 48px);
  background: #fff;
}

#recipes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  padding: 0 16px 16px 16px;
  background: #fff;
}

.recipes-recipe {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 5px;
  background: #fff;
}
.recipes-recipe:first-child {
  border-top: 1px solid #ececec;
}

.recipes-recipe_image {
  position: relative;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}

.recipes-recipe_no_image {
  position: relative;
  padding-bottom: 75%;
  background-repeat: repeat;
  border-radius: 5px 5px 0 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='30' height='30' patternTransform='scale(1.5) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M18.35 0l-.03 1.67L20 0zm3.3 0l-3.33 3.33.03 1.67 3.33-3.33zm.03 3.33l-3.36 3.34v1.66L21.65 5zm0 3.34L18.35 10l-.03 1.68 3.36-3.35zM21.65 10l-3.33 3.32.03 1.68 3.33-3.32zm.03 3.32l-3.36 3.36v1.64L21.65 15zm-3.36 5L15 21.65l1.68.03L18.35 20l-.03 1.68 1.68-.03-1.68 1.68.03 1.67 3.33-3.32-.03-1.68 1.68-1.68h-1.65v-1.64L20 18.35zm3.36 3.36h1.65l3.34-3.36-1.67.03zM3.33 18.32l-1.68.03L0 20v1.65zm3.34 0L5 18.35l-3.33 3.33h1.66zm1.66 0L5 21.65l1.67.03L10 18.35zm3.35 0l-3.35 3.36 1.67-.03 3.32-3.33zm5 0l-1.68.03-3.32 3.33h1.64zm11.65 0L25 21.65l1.67.03L30 18.35zM30 20l-1.67 1.68 1.67-.03zm-8.32 3.33l-3.36 3.34v1.66L21.65 25zm0 3.34L18.35 30H20l1.68-1.67z'  stroke-width='1' stroke='none' fill='hsla(258.5,59.4%,59.4%,0.75)'/><path d='M10 30v-1.65L8.35 30zm-3.35 0L10 26.65V25l-5 5zM10 15L0 25v1.65l10-10zm0 3.35l-10 10V30l10-10zM3.35 30L10 23.35v-1.7L1.65 30zM5 10l-5 5v1.65L6.65 10zm-3.35 0L0 11.65v1.7L3.35 10zM10 10H8.35L0 18.35V20zm0 1.65l-10 10v1.7l10-10zM10 0v10H0V0h10v1.65L11.65 0M20 6.65L16.65 10h1.7L20 8.35 28.35 0h-1.7zM23.35 0L20 3.35 13.35 10H15l5-5 5-5zM30 0L20 10h1.65L30 1.65zm-1.65 10L30 8.35v-1.7L26.65 10zM25 10l5-5V3.35L23.35 10zM16.65 0L10 6.65v1.7L18.35 0zM20 1.65L21.65 0H20L10 10h1.65zM15 0h-1.65L10 3.35V5z'  stroke-width='1' stroke='none' fill='hsla(339.6,82.2%,51.6%,0.75)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}

.recipes-recipe_info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8px;
  box-shadow: #ccc 0px 0px 10px 0px;
}

.recipes-recipe_name {
  font-size: 16px;
  font-weight: 400;
}

.recipes-time_container,
.recipes-degrees_container {
  display: flex;
  font-size: 15px;
}

.recipes-clock_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/clock.svg) no-repeat center;
  background-size: 80%;
  margin-right: 2px;
}

.recipes-heat_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/heat1.svg) no-repeat center;
  background-size: 75%;
  margin-right: 2px;
}

.recipes-tips {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}

.recipes-tips_text {
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.5;
  font-size: 17px;
}

.recipes-tips_text_link {
  color: #5baf65;
}

.recipes-tips_text_heading {
  font-size: 22px;
  margin-bottom: 3px;
}

.recipes-tips_get_started_heading {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.recipes-tips_inspiration_button,
.recipes-tips_create_recipe_button {
  min-width: 300px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}

.inspiration-add_recipe_button_container {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
}

.inspiration-add_recipe_button {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #fff;
}

.inspiration-add_recipe_button_image {
  width: 100%;
  height: 100%;
  background: url(/assets/icons/plus.svg) no-repeat center;
  background-size: 47%;
}

.inspiration-text_at_bottom_of_inspiration_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

.recipe-not_logged_in_container {
  padding: 16px;
  background: #5e8e5e;
  color: #fff;
}

.recipe-not_logged_in_container-store_buttons {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.recipe-not_logged_in_container-play_store_button,
.recipe-not_logged_in_container-app_store_button {
  display: block;
}
.recipe-not_logged_in_container-play_store_button img,
.recipe-not_logged_in_container-app_store_button img {
  height: 40px;
}

.recipe-not_logged_in_container-play_store_button {
  margin-right: 10px;
}

.recipe-not_logged_in-text {
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.5;
}

.recipe-link {
  color: #ffba66;
}

.recipe-link_dark {
  color: #ff8c00;
}

.recipe-image {
  display: block;
  width: 100%;
  padding-bottom: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.recipe-content {
  padding: 16px;
}

.recipe-title {
  width: 100%;
  text-align: center;
  margin-bottom: 4px;
  font-size: 30px;
}

.recipe-info {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.recipe-portions,
.recipe-time,
.recipe-degrees {
  display: block;
  padding: 0px 10px;
  font-size: 18px;
}
.recipe-portions:last-child,
.recipe-time:last-child,
.recipe-degrees:last-child {
  border-right: none;
}
.recipe-portions.border_right,
.recipe-time.border_right,
.recipe-degrees.border_right {
  border-right: 1px solid #ccc;
}

.recipe-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

.recipe-tag {
  margin: 5px 4px;
  color: #5baf65;
  padding: 6px 11px;
  font-size: 16px;
  font-weight: 400;
}
.recipe-tag:hover, .recipe-tag:active {
  color: #46914f;
}

.recipe-portions_input {
  display: flex;
}

.recipe-portions_input_container {
  flex: 8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recipe-portions_decrement,
.recipe-portions_increment {
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 20px;
  border-radius: 1em;
  cursor: pointer;
}

.recipe-portions_decrement {
  background: url(/assets/icons/minus.svg) no-repeat center;
  background-size: 40%;
}

.recipe-portions_increment {
  background: url(/assets/icons/plus.svg) no-repeat center;
  background-size: 40%;
}

.recipe-configured_portions {
  font-size: 18px;
}

.recipe-ingredient_list {
  margin-bottom: 10px;
}
.recipe-ingredient_list:last-child {
  margin-bottom: 0;
}

.recipe-ingredient_list_name {
  margin-top: 10px;
  margin-bottom: 8px;
}

.recipe-ingredient_list_header {
  display: flex;
  justify-content: space-between;
}

.recipe-ingredient {
  display: flex;
  border-bottom: 1px solid #e1e1dc;
}
.recipe-ingredient:last-child {
  border-bottom: none;
}

.recipe-ingredient_checkbox {
  width: 35px;
  height: 40px;
  background: url(/assets/icons/unchecked_box_orange.svg) no-repeat center left;
  background-size: 25px;
  cursor: pointer;
}
.recipe-ingredient_checkbox.checked {
  background: url(/assets/icons/checked_box_orange.svg) no-repeat center left;
  background-size: 25px;
}

.recipe-ingredient_text_container {
  flex: 1;
  padding: 9px 0;
  font-size: 17px;
}

.recipe-ingredient_text {
  margin-right: 4px;
  font-weight: 500;
}

.recipe-add_shopping_list-header {
  display: block;
}

.recipe-add_shopping_list-row_1 {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.recipe-add_shopping_list-row_2 {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.recipe-add_shopping_list-add_buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}

.recipe-add_shopping_list-add_all,
.recipe-add_shopping_list-add_checked {
  flex: 1;
  display: flex;
}

.recipe-add_shopping_list-padding {
  width: 15px;
}

.recipe-add_shopping_list-add_all {
  justify-content: flex-end;
}

.recipe-add_shopping_list-add_checked {
  justify-content: flex-start;
}

.recipe-add_shopping_list-add_all_button,
.recipe-add_shopping_list-add_checked_button {
  font-size: 16px;
}

.recipe-add_shopping_list-cancel_button {
  font-size: 16px;
}

.recipe-add_shopping_list-add_all_button,
.recipe-add_shopping_list-add_checked_button {
  width: 100%;
}

.recipe-add_shopping_list-add_checked_button.recipe-button_disabled {
  font-size: 16px;
}

.recipe-description {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.recipe-description p {
  font-size: 18px;
}
.recipe-description ul,
.recipe-description ol {
  padding-left: 25px;
}
.recipe-description ul li,
.recipe-description ol li {
  margin-bottom: 10px;
}
.recipe-description li {
  display: list-item;
}

.recipe-add_to_week_menu,
.recipe-edit,
.recipe-share,
.recipe-copy_to_recipes,
.recipe-share_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.recipe-copy_successfull {
  display: block;
  text-align: center;
}

.recipe-add_to_week_menu,
.recipe-edit {
  margin-bottom: 15px;
}

.recipe-share_popup-text {
  display: block;
  margin-bottom: 5px;
}

.recipe-share_popup-link_text.recipe-share_popup-link_text {
  flex: 1;
  margin: 0;
}

.recipe-share_popup-copy_link_button {
  display: block;
  margin-left: 10px;
}

.recipe-share_popup-mobile_native_share_button {
  display: block;
  width: 100%;
  margin-top: 15px;
}

.recipe-share_popup-close_button {
  display: block;
  width: 100%;
  margin-top: 15px;
}

#image_input {
  display: none;
}

#image,
.no_image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
}

.edit_recipe-image-text {
  color: #929292;
}

.content {
  padding: 20px;
}

#edit_recipe-title {
  margin-bottom: 15px;
}
#edit_recipe-title.empty {
  border-color: #cccccc;
}

.edit_recipe-input_container {
  display: flex;
  margin-bottom: 15px;
}

.edit_recipe-portions_container,
.edit_recipe-time_container,
.edit_recipe-degrees_container {
  flex: 1;
}
.edit_recipe-portions_container:not(:last-child),
.edit_recipe-time_container:not(:last-child),
.edit_recipe-degrees_container:not(:last-child) {
  margin-right: 15px;
}

#edit_recipe-portions,
#edit_recipe-time,
#edit_recipe-degrees {
  margin-bottom: 0;
}

#edit_recipe-recipe_type {
  margin-bottom: 0;
}

.edit_recipe-ingredient_list {
  margin-top: 15px;
}
.edit_recipe-ingredient_list:first-child {
  margin-top: 0px;
}

.edit_recipe-ingredient_list_top {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.edit_recipe-ingredient_list_name {
  display: inline-block;
  flex: 1;
  margin: 0;
  padding: 8px;
  font-weight: 500;
  color: #000;
}
.edit_recipe-ingredient_list_name:disabled {
  background: #fff;
  -webkit-text-fill-color: #000;
  opacity: 1;
  /* required on iOS */
  padding: 0;
  border: none;
  border-radius: 0;
}

.ingredient_list-delete {
  margin-left: 10px;
}

.edit_recipe-ingredient {
  display: flex;
  align-items: center;
  width: 100%;
  background: #fff;
  padding: 5px 0;
}

.edit_recipe-drag_button_container {
  padding-right: 15px;
}

.edit_recipe-drag_button {
  width: 28px;
  height: 28px;
  background: url(/assets/icons/drag_handle.svg) no-repeat center;
  border: 1px solid #929292;
  border-radius: 5px;
  user-select: none;
  cursor: move;
  touch-action: none;
}

.edit_recipe-ingredient_name.edit_recipe-ingredient_name {
  flex: 70;
  padding: 0;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
}

.edit_recipe-ingredient_amount.edit_recipe-ingredient_amount {
  flex: 15;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
}

.edit_recipe-ingredient_unit.edit_recipe-ingredient_unit {
  flex: 15;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  color: #5a5555;
}
.edit_recipe-ingredient_unit.edit_recipe-ingredient_unit:invalid {
  color: #999;
}
.edit_recipe-ingredient_unit.edit_recipe-ingredient_unit option {
  color: #5a5555;
}

.edit_recipe-add_ingredient {
  margin-top: 5px;
}

.add_ingredient_list {
  margin-top: 10px;
}

.add_ingredient_list-example {
  font-size: 14px;
  font-weight: 400;
  color: #5a5555;
}

.edit_recipe-tags_list {
  margin-top: 10px;
}

.edit_recipe-no_tags {
  display: block;
  margin-bottom: 10px;
}

.edit_recipe-tag {
  margin-bottom: 10px;
  margin-right: 8px;
}
.edit_recipe-tag.checked {
  background: #518dff;
  color: #fff;
}

.edit_recipe-new_tag_container {
  display: flex;
  align-items: center;
}

#edit_recipe-new_tag {
  margin-bottom: 0;
  margin-right: 10px;
}

.edit_recipe-new_tag_submit {
  height: 36px;
  margin-top: 5px;
}

.pell {
  border-radius: 5px;
}

.edit_recipe-pell_actionbar {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.edit_recipe-pell_button {
  display: block;
  flex: 1;
  padding: 11px 0;
  background: #fff;
  border: none;
  border-right: 1px solid #ccc;
}
.edit_recipe-pell_button:first-child {
  border-radius: 5px 0 0 0;
}
.edit_recipe-pell_button:last-child {
  border: none;
  border-radius: 0 5px 0 0;
}

.edit_recipe-pell_button_selected {
  background: #F3F3F3;
  box-shadow: inset 0px 0px 7px #E0E0E0;
}

.edit_recipe-pell_content {
  height: 400px;
  outline: 0;
  overflow-y: auto;
  padding: 10px 5px;
}
.edit_recipe-pell_content b {
  font-weight: 500;
}
.edit_recipe-pell_content h1 {
  font-size: 20px;
}
.edit_recipe-pell_content h2 {
  font-size: 18px;
}
.edit_recipe-pell_content ol,
.edit_recipe-pell_content ul {
  padding-left: 16px;
}
.edit_recipe-pell_content ol li,
.edit_recipe-pell_content ul li {
  margin-bottom: 10px;
}
.submit.submit.submit {
  padding: 10px 11px;
  background: #92d692;
  color: #fff;
}
.submit.submit.submit.disabled {
  background: #ccc;
}

.edit_recipe-delete {
  width: 100%;
  color: white;
  background: #E84A47;
  text-align: center;
}

.recipe-buy_premium_link,
.recipes-buy_premium_link,
.edit_recipe-buy_premium_link {
  color: #5baf65;
}

.recipe-buy_premium_button,
.recipes-buy_premium_button,
.edit_recipe-buy_premium_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

.edit_recipe-capacity_is_full_popup-back_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

.edit_recipe_from_photo-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
}

.user_new-information {
  margin: 16px;
  margin-bottom: 0;
  background: #ecffe1;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.user_new-information_text {
  display: block;
  margin-bottom: 15px;
}
.user_new-information_text:last-child {
  margin-bottom: 0;
}

#user_new-form,
#login-form,
#forgot_password-form,
#reset_password-form {
  padding: 16px;
}

#user_new-error_box,
#login-error_box,
#forgot_password-error_box,
#reset_password-error_box {
  padding: 16px;
  background: #fef3f3;
  border: 1px solid #ee7774;
  border-radius: 5px;
  color: #E84A47;
  margin-bottom: 16px;
}

#user_new-create,
#login_button,
#submit_button {
  width: 100%;
  margin-top: 5px;
}

#login_button {
  margin-top: 16px;
  margin-bottom: 16px;
}

.login-forgot_password_link {
  display: block;
  margin-top: 5px;
  color: #0969DA;
}

.login-create_user {
  color: #0969DA;
}

.reset_password-forgot_password_link {
  color: #0969DA;
}

.forgot_password-title,
.reset_password-title {
  margin-left: 16px;
  margin-top: 16px;
}

.forgot_password-login_link,
.reset_password-login_link {
  width: 100%;
  font-size: 16px;
  margin-top: 16px;
  text-align: center;
}

.shopping_list_items {
  position: relative;
}
.shopping_list_items.placeholder {
  border-bottom: 1px solid #ececec;
}

.shopping_list-unchecked_items .shopping_list-animating .item-drag_button_container {
  display: none;
}

.shopping_list-checked_items .item-drag_button_container {
  display: none;
}
.shopping_list-checked_items .shopping_list-animating .item-drag_button_container {
  display: inherit;
}

.item {
  display: flex;
  width: 100%;
  max-width: 600px;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #ececec;
}
.item.is_checked {
  background: #F3F3F3;
  box-shadow: inset 0px 0px 7px #E0E0E0;
}
.item.is_checked .item-text-container {
  color: #aaa;
  text-decoration-line: line-through;
}
.item.dragging {
  border: 1px solid #ececec;
  box-shadow: #ccc 0px 0px 10px 0px;
}
.item.shopping_list-animation_placeholder {
  border-bottom: 1px solid #ececec;
}

.item-drag_button_container {
  padding: 11px 15px 11px 0;
}

.item-drag_button {
  width: 28px;
  height: 28px;
  background: url(/assets/icons/drag_handle.svg) no-repeat center;
  border: 1px solid #929292;
  border-radius: 5px;
  user-select: none;
  cursor: move;
  touch-action: none;
}

.item-input {
  width: 100%;
  padding: 15px;
  margin-bottom: 0;
  background: transparent;
  border: none;
}

.item-text-container {
  flex: 1;
  padding: 15px 0;
  padding-left: 15px;
  cursor: pointer;
}

.item-text {
  font-weight: 500;
}

.item-amount.pre_white_space {
  white-space: pre;
}

.item-checkbox {
  display: flex;
  align-items: center;
  padding: 15px;
  cursor: pointer;
}
.item-checkbox input[type=checkbox] {
  margin: 0;
}

.item-delete {
  padding: 15px;
  cursor: pointer;
  font-style: normal;
}

.delete_items-container {
  width: 100%;
}

.delete_items-row_1 {
  display: flex;
  justify-content: center;
  padding: 15px;
}

.delete_items-row_2 {
  display: flex;
  justify-content: center;
}

.delete_items-delete_button_1,
.delete_items-delete_button_2 {
  flex: 1;
  display: flex;
}

.delete_items-delete_button_1 {
  justify-content: flex-end;
  padding-right: 8px;
}
.delete_items-delete_button_1.one_button {
  justify-content: center;
  padding: 0;
}

.delete_items-delete_button_2 {
  justify-content: flex-start;
  padding-left: 8px;
}

.delete_items-padding {
  width: 15px;
}

.delete_items-cancel {
  margin-bottom: 15px;
}

.item_form {
  overflow: hidden;
  height: 0;
  padding: 0 15px;
  border-bottom: 1px solid #ececec;
}

.item_form-row_2 {
  display: flex;
}

.item_form-row_2-field {
  flex: 1;
}

.item_form_amount,
.item_form_unit {
  /*
      width: 100%;
      padding: 11px 7px;
      margin-top: 5px;
      border-radius: 5px;
      border: 1px solid rgb(204, 204, 204);
      background: #fff;
  */
}

.item_form-row_3 {
  display: flex;
}

.item_form-padding {
  width: 15px;
}

.item_form-save {
  flex: 1;
  background: #92d692;
  border: none;
  color: white;
}
.item_form-save:active {
  background: #6dc86d;
}

.item_form-cancel {
  flex: 1;
  background: #929292;
  border: none;
  color: white;
}
.item_form-cancel:active {
  background: #797979;
}

.week_menu-day_name_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 55px;
  padding: 0 16px;
  padding-right: 26px;
  margin-bottom: 5px;
  font-size: 24px;
}

.week_menu-day_name {
  font-weight: 600;
}

.week_menu-add_recipe_to_day_button {
  width: 25px;
  height: 25px;
  background: #5baf65;
  border: 1px solid #5baf65;
  border-radius: 12px;
  background: url(/assets/icons/plus.svg) no-repeat center;
  background-size: 55%;
  cursor: pointer;
}

.week_menu-recipe,
.week_menu-free_text {
  display: flex;
  background: #ffF;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: #ccc 0px 0px 10px 0px;
}

.week_menu-menu_items {
  min-height: 1px;
}

.week_menu-item {
  height: 70px;
  cursor: pointer;
}

.week_menu-recipe_image {
  height: 68px;
  width: 68px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px 0 0 5px;
}

.week_menu-recipe_info,
.week_menu-free_text_info {
  display: flex;
  flex-direction: column;
  width: calc(100% - 38px);
  padding: 8px;
}

.has_image .week_menu-recipe_info,
.has_image .week_menu-free_text_info {
  width: calc(100% - 108px);
}

.week_menu-time_container,
.week_menu-degrees_container {
  display: flex;
  font-size: 15px;
}

.week_menu-recipe_info-label_container {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.week_menu-recipe_label,
.week_menu-free_text_label {
  display: inline-block;
  background: #ff8c00;
  color: #fff;
  padding: 2px 10px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 3px;
}

.week_menu-recipe_name,
.week_menu-free_text-text {
  flex: 1;
  font-size: 17px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.week_menu-clock_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/clock.svg) no-repeat center;
  background-size: 80%;
  margin-right: 2px;
}

.week_menu-heat_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/heat1.svg) no-repeat center;
  background-size: 75%;
  margin-right: 2px;
}

.week_menu-button_container {
  padding: 16px;
  padding-top: 0;
  margin-top: 16px;
}

.week_menu-all_ingredients-upgrade_to_premium_banner {
  padding: 16px;
  background: #5e8e5e;
  color: #fff;
}

.week_menu-show_all_ingredients_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.week_menu-edit_menu_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.week_menu-cancel_edit_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.week_menu-recipe_container {
  width: 100%;
  padding: 8px 16px;
  /*
      &:first-child {
          padding-top: 16px;
      }

      &:last-child {
          padding-bottom: 0;
      }
  */
}

/*
.week_menu-recipe {
    display: flex;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    box-shadow: #ccc 0px 0px 10px 0px;

    &:last-child {
        margin-bottom: 0;
    }

    &.placeholder {
        margin: 16px;
    }

    &.placeholder:last-child {
        margin-bottom: 0;
    }
}
*/
.week_menu-time_container,
.week_menu-degrees_container {
  display: flex;
  font-size: 15px;
  margin-left: 10px;
}

.week_menu-clock_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/clock.svg) no-repeat center;
  background-size: 80%;
  margin-right: 2px;
}

.week_menu-heat_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/heat1.svg) no-repeat center;
  background-size: 75%;
  margin-right: 2px;
}

.week_menu-recipe_buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 8px;
}

.week_menu-delete_button {
  width: 30px;
  height: 30px;
  background: url(/assets/icons/cross.svg) no-repeat center;
  background-size: 50%;
  cursor: pointer;
  border-radius: 5px;
}

.week_menu-drag_button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.week_menu-drag_button,
.week_menu-drag_button {
  width: 30px;
  height: 30px;
  background: url(/assets/icons/drag_handle.svg) no-repeat center;
  border: 1px solid #929292;
  border-radius: 5px;
  user-select: none;
  cursor: move;
  touch-action: none;
}

.week_menu-day_buttons {
  display: flex;
  padding: 16px;
  padding-top: 0;
}

.week_menu-add_recipe_button {
  width: 100%;
  font-size: 16px;
}

.week_menu-new_menu_item_popup-recipe_button {
  width: 100%;
  font-size: 16px;
}

.week_menu-new_menu_item_popup-free_text_button {
  width: 100%;
  font-size: 16px;
  margin-top: 10px;
}

.week_menu-free_text_popup-create_button {
  width: 100%;
  font-size: 16px;
  margin-top: 16px;
}

.week_menu-choose_recipe-search_button_container {
  display: flex;
  justify-content: center;
}

.week_menu-choose_recipe-search_button {
  display: flex;
}

.week_menu-choose_recipe-search_menu {
  overflow: hidden;
  height: 0;
  margin-bottom: 15px;
}

.week_menu-choose_recipe-collection_checkbox_container {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.week_menu-choose_recipe-collection_checkbox {
  width: 35px;
  height: 40px;
  background: url(/assets/icons/unchecked_box_orange.svg) no-repeat center left;
  background-size: 25px;
  cursor: pointer;
}
.week_menu-choose_recipe-collection_checkbox.checked {
  background: url(/assets/icons/checked_box_orange.svg) no-repeat center left;
  background-size: 25px;
}

.week_menu-choose_recipe-tags_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px 0;
}

.week_menu-choose_recipe-tag {
  margin-bottom: 10px;
  margin-right: 8px;
}
.week_menu-choose_recipe-tag.checked {
  background: #518dff;
  color: #fff;
}

.week_menu-choose_recipe-choose_random_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-bottom: 16px;
}

.week_menu-choose_recipe_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  padding-bottom: 10px;
}

.week_menu-choose_recipe {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

.week_menu-choose_recipe-image {
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}

.week_menu-choose_recipe-no_image {
  padding-bottom: 75%;
  background-repeat: repeat;
  border-radius: 5px 5px 0 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='30' height='30' patternTransform='scale(1.5) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M18.35 0l-.03 1.67L20 0zm3.3 0l-3.33 3.33.03 1.67 3.33-3.33zm.03 3.33l-3.36 3.34v1.66L21.65 5zm0 3.34L18.35 10l-.03 1.68 3.36-3.35zM21.65 10l-3.33 3.32.03 1.68 3.33-3.32zm.03 3.32l-3.36 3.36v1.64L21.65 15zm-3.36 5L15 21.65l1.68.03L18.35 20l-.03 1.68 1.68-.03-1.68 1.68.03 1.67 3.33-3.32-.03-1.68 1.68-1.68h-1.65v-1.64L20 18.35zm3.36 3.36h1.65l3.34-3.36-1.67.03zM3.33 18.32l-1.68.03L0 20v1.65zm3.34 0L5 18.35l-3.33 3.33h1.66zm1.66 0L5 21.65l1.67.03L10 18.35zm3.35 0l-3.35 3.36 1.67-.03 3.32-3.33zm5 0l-1.68.03-3.32 3.33h1.64zm11.65 0L25 21.65l1.67.03L30 18.35zM30 20l-1.67 1.68 1.67-.03zm-8.32 3.33l-3.36 3.34v1.66L21.65 25zm0 3.34L18.35 30H20l1.68-1.67z'  stroke-width='1' stroke='none' fill='hsla(258.5,59.4%,59.4%,0.75)'/><path d='M10 30v-1.65L8.35 30zm-3.35 0L10 26.65V25l-5 5zM10 15L0 25v1.65l10-10zm0 3.35l-10 10V30l10-10zM3.35 30L10 23.35v-1.7L1.65 30zM5 10l-5 5v1.65L6.65 10zm-3.35 0L0 11.65v1.7L3.35 10zM10 10H8.35L0 18.35V20zm0 1.65l-10 10v1.7l10-10zM10 0v10H0V0h10v1.65L11.65 0M20 6.65L16.65 10h1.7L20 8.35 28.35 0h-1.7zM23.35 0L20 3.35 13.35 10H15l5-5 5-5zM30 0L20 10h1.65L30 1.65zm-1.65 10L30 8.35v-1.7L26.65 10zM25 10l5-5V3.35L23.35 10zM16.65 0L10 6.65v1.7L18.35 0zM20 1.65L21.65 0H20L10 10h1.65zM15 0h-1.65L10 3.35V5z'  stroke-width='1' stroke='none' fill='hsla(339.6,82.2%,51.6%,0.75)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}

.week_menu-choose_recipe-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 8px;
  box-shadow: #ccc 0px 0px 10px 0px;
}

.week_menu-choose_recipe-name {
  font-size: 16px;
  font-weight: 400;
}

.week_menu-choose_recipe-time_container,
.week_menu-choose_recipe-degrees_container {
  display: flex;
  font-size: 15px;
}

.week_menu-choose_recipe-clock_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/clock.svg) no-repeat center;
  background-size: 80%;
  margin-right: 2px;
}

.week_menu-choose_recipe-heat_icon {
  width: 19px;
  height: 19px;
  background: url(/assets/icons/heat1.svg) no-repeat center;
  background-size: 75%;
  margin-right: 2px;
}

/*
.week_menu-choose_recipe-time {
    font-weight: 600;
    font-size: 14px;
}

.week_menu-choose_recipe-degrees  {
    font-weight: 600;
    font-size: 14px;
}
*/
.week_menu-choose_recipe-cancel_button {
  width: 100%;
  font-size: 16px;
}

.week_menu-save_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.week_menu-new_menu_item_popup-container,
.week_menu-free_text_popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  overscroll-behavior: contain;
  z-index: 2;
}

.week_menu-new_menu_item_popup,
.week_menu-free_text_popup {
  width: 95%;
  background: #fff;
  padding: 15px;
  padding-top: 10px;
  border-radius: 5px;
}

.week_menu-recipe_preview {
  display: flex;
  border: 1px solid #dedede;
}

.week_menu-recipe_preview-image {
  width: 150px;
  height: 120px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.week_menu-recipe_preview-info {
  flex: 1;
  padding: 8px;
}

.week_menu-recipe_preview-time_container,
.week_menu-recipe_preview-degrees_container {
  display: flex;
}

.week_menu-recipe_preview-label {
  display: inline-block;
  background: #ff8c00;
  color: #fff;
  padding: 2px 10px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 3px;
}

.week_menu-recipe_preview-name {
  font-size: 17px;
  font-weight: 400;
}

.week_menu-recipe_preview-add_recipe {
  width: 100%;
  margin-top: 15px;
}

.week_menu-recipe_preview-cancel {
  width: 100%;
  font-size: 16px;
  margin-top: 15px;
}

.week_menu-all_ingredients-add_button {
  width: 100%;
  font-size: 16px;
}
.week_menu-all_ingredients-add_button.week_menu-button_disabled {
  font-size: 16px;
}

.week_menu-all_ingredients-close_button {
  width: 100%;
  font-size: 16px;
  margin-top: 10px;
}

.week_menu-ingredient {
  display: flex;
  border-bottom: 1px solid #e1e1dc;
}
.week_menu-ingredient:last-child {
  border-bottom: none;
}

.week_menu-ingredient_checkbox {
  width: 35px;
  height: 40px;
  background: url(/assets/icons/unchecked_box_orange.svg) no-repeat center left;
  background-size: 25px;
  cursor: pointer;
}
.week_menu-ingredient_checkbox.checked {
  background: url(/assets/icons/checked_box_orange.svg) no-repeat center left;
  background-size: 25px;
}

.week_menu-ingredient_text_container {
  flex: 1;
  padding: 9px 0;
  font-size: 17px;
}

.week_menu-ingredient_text {
  margin-right: 4px;
  font-weight: 500;
}

.tags-header_container {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}

.tags-header {
  font-size: 18px;
  font-weight: 500;
}

.tags-tag {
  width: 100%;
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
}

.tags-tag_container {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 12px 0;
  padding-left: 15px;
}

.tags-tag_edit_button_container {
  padding: 12px 0;
  padding-right: 15px;
}

.tags-new_tag_container {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

.tags-new_tag {
  flex: 1;
  margin: 0;
  margin-right: 10px;
}

.tags-new_tag_save_container {
  display: flex;
  align-items: center;
}

.tags-new_tag_save {
  font-size: 16px;
}

.tags-tag_form-header {
  font-weight: 500;
}

.tags-tag_form-save {
  font-size: 16px;
  width: 100%;
}

.tags-tag_form-delete {
  font-size: 16px;
  width: 100%;
  margin-top: 10px;
}

.kulinarisk_popup_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  overscroll-behavior: contain;
  z-index: 2;
}

.kulinarisk_popup {
  width: 95%;
  max-width: 600px;
  background: #fff;
  padding: 16px;
  border-radius: 5px;
}

.kulinarisk_popup-close_container {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 5px;
}

.kulinarisk_popup-close_button {
  width: 100%;
  font-size: 16px;
  margin-top: 10px;
}

.kulinarisk_popup-green_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.kulinarisk_popup-red_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.kulinarisk_popup-orange_button {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.full_screen_popup_container {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.full_screen_popup_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
}

.full_screen_popup {
  flex: 1;
  background: #fff;
  margin: 10px 10px 10px 10px;
  padding: 15px;
  border-radius: 5px;
  overflow-y: scroll;
  overscroll-behavior: contain;
}

.full_screen_popup-button_container {
  width: 100%;
  background: #fff;
  padding: 15px;
}

.full_screen_popup-button {
  width: 100%;
  font-size: 16px;
}

.buy_premium-information_text {
  display: block;
  margin-bottom: 15px;
}
.buy_premium-information_text:last-child {
  margin-bottom: 0;
}

.buy_premium-text_container {
  margin: 16px;
  margin-bottom: 0;
  background: #ecffe1;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.buy_premium-free_account_text_container {
  margin-top: 20px;
  padding: 16px;
}

.buy_premium-free_account_text {
  margin-top: 15px;
  display: inline-block;
}

.buy_premium-promotion_list {
  margin: 0;
  margin-top: 5px;
  padding-left: 25px;
}

.payment_success-container {
  display: flex;
  justify-content: center;
}

.payment_success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 30px;
}

.payment_success-success_text {
  font-size: 18px;
  font-weight: 500;
}

.payment_success-kokboken_button {
  text-align: center;
  margin-top: 10px;
}

.settings {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 16px;
}

.settings-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.settings-manage_subscription_link {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.settings-delete_account {
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
  color: #E84A47;
}

.settings-log_out {
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
}

.settings-popup-button {
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 922px) {
  html, body {
    font-size: 16px;
  }

  .navigation {
    display: none;
  }
}
/*
:host {
    display: block;
    width: 100%;
    min-height: 100vh;
}
*/