.selected-fat-list-wrapper {
	margin: 0 0 30px 0;
	padding: 20px 20px 30px 20px;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.selected-fat-list form {
    display: flex;
    padding: 4px 0;
    border-top: 1px solid #ccc;
}

.selected-fat-list form:first-child {
    border: none;
}

.selected-fat-list form label {
    flex-grow: 1;
    margin: 0;
    font-weight: normal;
    line-height: 40px;
}

.selected-fat-list form input {
    flex-basis: 65px;
}

.selected-fat-list form .selected-units-value {
    flex-basis: 25px;
    text-align: right;
    line-height: 40px;
}

.recipe-table-weight-column  {
	font-weight: bold;
	text-align: right;
}

/* FATS SEARCH */
/* -------------------------------------------------------------- */
.fat-search-box {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 30px auto;
	background-color: #0092ff;
	border: 10px solid #0092ff;
	border-radius: 5px;
}

.fat-search-box label {
	flex-basis: 120px;
	box-sizing: border-box;
	padding: 0 10px 0 0;
	line-height: 40px;
	color: #fff;
	font-size: 100%;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}

.fat-search-box input[type=text] {
	flex-grow: 1;
	box-sizing: border-box;
	border: none;
	margin: 0;
}

@media only screen and (min-width: 700px) {
	.fat-search-box {
		width: 600px;
	}
}

/* Recipe */
/* -------------------------------------------------------------- */
.print-recipe-trigger {
	padding: 7px 0 0 0;
	color: #0092ff;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

/* List Of Fats Window */
/* -------------------------------------------------------------- */
.list-of-fats-window {
    box-sizing: border-box;
    padding: 0 30px;
    width: 100%;
    height: auto;
    background-color: #fff;
}

.list-of-fats {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.list-of-fats .selected-fat-list-item {
    flex-basis: 100%;
    padding: 8px 0;
}

@media only screen and (min-width: 800px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 50%;
	}
}

@media only screen and (min-width: 1200px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 33.3333333333%;
	}
}

@media only screen and (min-width: 1600px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 25%;
	}
}

@media only screen and (min-width: 2000px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 20%;
	}
}

@media only screen and (min-width: 2500px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 16.6666666667%;
	}
}

@media only screen and (min-width: 2800px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 11.1111111111%;
	}
}

@media only screen and (min-width: 3100px) {
	.list-of-fats .selected-fat-list-item {
		flex-basis: 10%;
	}
}

@media print {
	.app-header,
	.calculator-container,
	.print-recipe-trigger {
		display: none;
	}
  }