table.ingredient_table {border-collapse: collapse; min-width: 100%;}
table.ingredient_table thead td, table.ingredient_table thead th {font-size: 0.9em; padding: 0 0.25em 0 0.25em; border-right: 1px solid var(--silver-lightorange-col); border-bottom: 1px solid var(--silver-lightorange-col); margin: 0 0 0 0;}
table.ingredient_table tbody td, table.ingredient_table tbody th, table.ingredient_table tr.table_sum td, table.ingredient_table tr.table_sum th, table.ingredient_table tr.table_sum_second_line td, table.ingredient_table tr.table_sum_second_line th {padding: 0 0.25em 0 0.25em; border-right: 1px solid var(--silver-lightorange-col); border-bottom: 1px solid var(--silver-lightorange-col); margin: 0 0 0 0;}
table.ingredient_table tr.table_sum td, table.ingredient_table tr.table_sum th {font-weight: bold;}
table.ingredient_table tr.table_sum_second_line td, table.ingredient_table tr.table_sum_second_line th {border-bottom: 2px dotted orange;}
table.ingredient_table button.editButtons {border: 0; margin: 0 0 0 0; padding: 0 0.25em 0 0.25em; font-size: small;}
table.ingredient_table button.upDownButtons {padding: 0 0 0 0;}
table.ingredient_table button.delButtonTd {color: var(--bright-red); font-weight: bold;}
table.ingredient_table button.nameEditButton {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12em; padding: 0.25em; border-radius: 0.5em; border-style: inset; width: 100%; text-align: left;}
table.ingredient_table th.isNameButtonTh {background-color: var(--button-border-col); padding: 0 0 0 0; text-align: left; border-bottom: 0;}
table.ingredient_table td, table.ingredient_table th {white-space: nowrap;}
table.ingredient_table td.trafficLightTd, table.ingredient_table th.trafficLightTd {text-transform: uppercase; font-size: 0.9em; padding-left: 0.25em; padding-right: 0.25em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px #000, 0 1px #000, -1px 1px #000, -1px 0 #000, -1px -1px #000, 0 -1px #000, 1px -1px #000, 1px 0 #000;}
table.ingredient_table td.healthyRed, table.ingredient_table th.healthyRed {background-color: red;}
table.ingredient_table td.healthyOrange, table.ingredient_table th.healthyOrange {background-color: orange;}
table.ingredient_table td.healthyGreen, table.ingredient_table th.healthyGreen {background-color: green;}
table.ingredient_table td.isAmountTd {text-align: right; padding-right: 0.25em; padding-left: 0.5em;}
table th.isRight, table td.isRight {text-align: right;}
table th.isCenter, table td.isCenter {text-align: center;}
table th.isLeft, table td.isLeft {text-align: left;}
button.add_ingredient_button {z-index: 5; position: relative; font-weight: bold; font-size: 1.1em;}
div.is_settings_div {margin-bottom: 0.25em;}
dl.collapseDL {margin-top: -0.42em; z-index: 5; position: relative; color: var(--dark-dark-col)}
dl.collapseDL dt {padding: 0.5em 0 0 0.5em; font-size: 0.5em; font-weight: bold;}
dl.collapseDL dd {float: right; font-size: 0.9em; margin: 0 0 0 0;}
dl.collapseDL dd select {font-weight: bold; border-color: var(--always-orange); border-top: 0; font-size: 0.75em; max-width: 100px; border-radius: 0 0 0.5em 0.5em; padding: 0 0.25em 0 0.25em; height: 2.5em; text-align: center;}
div.log_buttons select, div.log_buttons button {font-size: 1em; padding: 0.25em; width: 35%; margin: 0 0.1em;}
div.log_buttons input {font-size: 1em; padding: 0.25em; width: 20%; margin: 0 0.1em;}
table.OnePortionIngredientsTable {margin-left: auto; margin-right: auto;}
table.OnePortionIngredientsTable th {text-align: right; vertical-align: top;}
table.OnePortionIngredientsTable td {text-align: left; vertical-align: top;}
table.OnePortionIngredientsTable td span {font-size: smaller; margin-left: 2px;}
input#portionCalcInput {padding-right: 3px; max-width: 6em; font-size: larger; font-weight: bold;}
h3.searchH3s {margin: 0 0 0 0; font-size: smaller;}
dl dd span.nutriNameInp {white-space: nowrap; min-width: 150px; width: 15%; text-align: right; display: inline-block; margin-right: 5px; font-weight: bold;}
h3.searchH3sInput {width: 100%; text-align: left; border-bottom: 1px dashed var(--gray-orange-col); padding-left: 0.5em; margin-bottom: 0;}
div.onePartHere div.partInnerDiv p.searchH3sInputP {padding: 0.5em 0 0 0;}
h4.stuffSubH4 {border-bottom: 1px dashed var(--gray-orange-col); margin: 0.5em 0 0 0; font-size: 0.9em;}
ul.searchResultUl li {cursor: pointer;}
ul.searchResultUl li:hover {text-decoration: underline;}
span.isUnitSpan {padding-left: 0.1em;}
span.isTooLessAmount {color: var(--discreet-tx);}
span.isExtraPercentage {font-size: x-small; color: var(--gray-orange-col); font-style: italic;}
span.isNothing {color: var(--discreet-tx);}
dl.infoDL dt, dl.infoDL dd {float: inherit; text-align: left;}
dl.infoDL dt {font-weight: bold;}
dl.infoDL dt {padding-left: 1em;}
dl.insertDL dd.arrow {white-space: nowrap; font-size: 1em;}
img.calcOlatorImg {float: right; max-width: 50%; height: auto; border-radius: 0.5em;background-color: #FFF; padding: 0.25em; opacity: 0.9; margin-left: 0.5em; margin-bottom: 0.1em;}
div#ilc_start_info div p {text-align: justify;}
input#nutriSelectValPrice, div#somethingInputDiv select, div#cannabinoidInputDiv select {max-width: 40% !important;}
button.addIngredientButton {margin-top: 0.5em; font-size: larger; font-weight: bold;}
button.isActiveButton {background-color: green; color: white;}
input.activeBorder {border-color: red;}

@media screen and (min-width: 800px) {
	table.ingredient_table {font-size: 1.25em;}
	img.calcOlatorImg {max-width: 400px;}
	dl.collapseDL dt {font-size: 0.9em;}
	dl.insertDL dd.arrow {font-size: inherit;}
	input#nutriSelectValPrice, div#somethingInputDiv select, div#cannabinoidInputDiv select {max-width: 250px !important;}
}