/*119 87 40*/
/*119*/

body {
/*	font-family: "Verdana";*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: hsl(119 30% 40%);
	background: hsl(119 30% 93%);
	margin: 0;
}

div.sliderbox {
	padding: 0px 0px 8px 0px;
}
div.slider {
/*	float:left;*/
}
/*div.sliderbox:nth-child(even) {
	border-radius: 10px 10px 0 0;
}
div.sliderbox:nth-child(odd) {
	border-radius: 0 0 10px 10px;
}*/
div.cell {
	padding: 10px;
	overflow: hidden;
}
div.cell:last-child {
	border-radius: 0 0 18px 18px;
}
div.cell:nth-child(even) {
	background: hsl(119 30% 90%);
}
div.cell:nth-child(odd) {
	background: hsl(119 30% 85%);
}
div.cell > table > tbody > tr > td {
	vertical-align: bottom;
}

p.boxTitle {
	margin: 0;
	padding: 6px;
	font-weight: bold;
	text-align: center;
	color: hsl(119 30% 30%);
	height: 100%;
}
div.box {
/*	border-style: solid;*/
	background: hsl(119 30% 80%);
/*	margin-bottom: 10px;*/
	padding: 2px;
	border-radius: 22px;
	border: 2px solid hsl(119 30% 75%);
	outline: 2px solid hsl(119 30% 90% / 100%);
	overflow: hidden;
}
div.flex-container { 
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	max-width: 980px;
	margin: auto;
	padding: 10px;
	gap: 1%;
}
div.flex-item {
	box-sizing: border-box;
/*	display: flex;*/
}
div.flex-item-left, div.flex-item-right {
	margin: 10px 0;
}
div.flex-item-left {
	flex: 1 1 64%;
}
div.flex-item-right {
	flex: 1 1 35%;
}
div.boxwrapper > div.box:not(:last-child) {
	margin-bottom: 10px;
}
div.container_block {
	width: 100%;
}
div.introduction {
	flex-basis: 100%;
/*	padding: 10px;*/
	margin: 10px;
	color: hsl(119 30% 30%);
}
p.introduction_title {
	margin: 0 0 4px 0;
	font-size: 1.1em;
/*	font-size: 3vh;*/
	font-weight: bold;
}
p.introduction_text {
	font-size: 0.9em;
	margin: 0;
}
p.introduction_text:not(:last-child) {
	margin: 0 0 8px 0;
}
/*div.introduction > p.introduction_text:nth-child(1), div.introduction > p.introduction_text:last-child(1) {*/
/*div.introduction > p.introduction_text:nth-of-type(1) {
	margin: 100px;
}*/

div.reset_container {
	text-align: right;
	margin: 10px 0;
}
p.reset {
	text-decoration: underline;
	font-size: 0.9em;
	cursor: pointer;
	display: inline;
}

div.header {
/*	display: flex;*/
	flex-basis: 100%;
	background: hsl(119 30% 10%);
	padding: 10px;
}
/*p.headertitle {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.2em;
}*/
span.header_maxsana {
	color: hsl(119 30% 60%);
	font-weight: bold;
	font-size: 1.4em;
	margin-right: 10px;
}
span.header_title {
	color: hsl(119 30% 40%);
	font-weight: bold;
	font-size: 1.1em;
}
div.footer {
	flex-basis: 100%;
	background: hsl(119 30% 10%);
	padding: 10px;
/*	color: hsl(119 30% 90%);*/
}
/*p.footer_title {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	color: hsl(119 30% 40%);
}*/
p.footer_text {
	text-align: center;
	font-size: 0.9em;
	color: hsl(119 30% 60%);
}
/*div.left {
	flex-basis: 65%;
	box-sizing: border-box;
}
div.right {
	flex-basis: 35%;
	box-sizing: border-box;
}*/

/*p.sliderval {*/
td.sliderval > p {
	text-align: right;
/*	display: inline;*/
/*	float: right;*/
	margin: 0px 0px -4px 0px;
	font-weight: bold;
	font-size: 1.3em;
	color: hsl(119 40% 50%);
}
td.sliderval {
	vertical-align: bottom;
}
p.text {
	margin: 0;
	color: hsl(119 30% 30%);
	font-size: 0.85em;
/*	width: 80%;*/
	float: left;
}
/*p.text2 {
	padding: 0;
	text-align: right;
	font-size: 0.85em;
	color: hsl(119 30% 30%);
}*/
div.resultbox {
	background: hsl(119 30% 90%);
/*	color: hsl(119 30% 80%);*/
/*	width: 100%;*/
	/*position: sticky;
	top: 0px;*/
	border: 1px solid hsl(119 30% 75%);
	margin-bottom: 10px;
}
div.tables_container {
	margin: 8px;
}
table {
	width: 100%;
	border-spacing: 0;
}

div.resultbox>table {
	padding: 8px 8px 0 8px;
}
div.resultbox>table:nth-last-of-type(1) {
	padding: 8px;
}

div.cellresults {
	text-align: right;
}
p.celltitle {
	text-align: center;
	margin: -4px 0 -4px 0;
	font-size: 0.8em;
	color: hsl(119 20% 60%);
}
p.result {
	color: hsl(119 30% 30%);
	margin: 6px 0px 0px 0px;
	font-size: 0.85em;
	font-style: italic;
}
p.result>span[name="tl"], p.result>span[name="vp"], p.result>span[name="bonusrate"] {
	font-weight: bold;
}

table.results {
	width: 100%;
	color: hsl(119 30% 30%);
	margin-top: 8px;
	border: 1px solid hsl(119 30% 30% / 20%);
}
td {
/*	width: 50%;*/
}
table.results > tbody > tr:nth-child(even) {
	background: hsl(119 30% 85%);
}
table.results > tbody > tr:nth-child(odd) {
	background: hsl(119 30% 80%);
}
td.value {
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}
td.value#res_profit_total {
	font-size: 1.2em;
	color: hsl(119 100% 35%);
}
td.label {
/*	color: hsl(119 30% 30%);*/
	text-align: left;
	font-size: 0.9em;
	padding-left: 8px;
}
/*td:nth-child(odd) {
	text-align: right;
}*/
table, th, td {
/*	border: 1px solid;*/
}
td.title {
	text-align: center;
	font-weight: bold;
	background: hsl(119 30% 75%);
}

div.sticky_wrapper {
	top: 10px;
	position: sticky;
}

div.helper_container {
	background: hsl(119 30% 88%);
	border: 1px solid hsl(119 30% 75%);
	padding: 8px;
	margin-top: 10px;
}
p.helper {
	margin: 0;
	font-size: 0.9em;
}
div.helper_container>table {

}
td.bullet {
	width: 0;
	vertical-align: top;
	font-size: 0.9em;
}
td.helper_text {
	width: 100%;
	font-size: 0.9em;
}


/*@media only screen and (min-width: 0px) and (max-width: 600px) {*/
/*	.break-to-50.hmy-section {flex-basis: 50% !important;}*/
/*	.hmy-section.heading {flex-basis: 100% !important;}*/
/*	.right {
		flex-basis: 100% !important;
	}*/

	/*.right {
		flex-basis: 100% !important;
	}
	.left {
		flex-basis: 100% !important;
	}*/
	/*.flex-item-right {
		flex-basis: 100% !important;
	}*/
/*}*/