@charset "utf-8";
* {
	box-sizing:border-box;
}
html,body {
	height:100%;
	margin:0;
}
input {
	text-align:right;
	padding:0px 5px 0px 5px;
	margin:0px;
	border:1px #06C solid;
	background-color:white;
	font-size:20px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
}
#divIntro {
	border:1px #06C solid;
	/*display:none;*/
}
#divWages {
	/*overflow:hidden;*/
	border:1px #06C solid;
	background-color:#def;
	/*display:none;*/
}
#divEarnings {
	padding:10px;
	/*overflow:hidden;*/
	border:1px #06C solid;
	background-color:#def;
	font-family:Verdana, Geneva, sans-serif;
	/*display:none;*/
}
#divSavings {
	border:1px #06C solid;
	background-color:#def;
	font-family:Verdana, Geneva, sans-serif;
	/*display:none;*/
}
#wageInput {
	box-sizing:border-box;
	width:100%;
	border:3px #06C solid;
	padding:0px;
	margin:0px;
	text-align:right;
	font-size:38px;
	font-family:Verdana, Geneva, sans-serif;
	border-radius:8px;
	padding-right:10px;
}
#wageTypes {
	border:2px #06C solid;
	overflow:hidden;
	margin-bottom:5px;
	background-color:#fff;
}
#wageTypes div {
	border:1px #06C solid;
	font-size:23px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	width:35px;
	height:25px;
	float:right;
	cursor:pointer;
}
#wageDivs {
	border:2px #06C solid;
	overflow:hidden;
	margin-bottom:5px;
	background-color:#fff;
}
.wageDiv {
	border:1px #06C solid;
	font-size:20px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
}
.wageDivTitle {
	position:absolute;
	left:10px;
	top:0px;
	color:#CCC;
	font-size:16px;
}
.wageDivValue {
	text-align:right;
	margin-right:10px;
	cursor:pointer;
}
#perSettings {
	border:2px #06C solid;
	overflow:hidden;
	background-color:#fff;
}
.settingDiv {
	border:1px #06C solid;
	font-size:20px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	text-align:right;
}
.settingTitle {
	position:absolute;
	left:10px;
	top:0px;
	color:#CCC;
	font-size:16px;
}
#savingsTableDiv { 
	margin-top:10px;
	/*margin-left:-10px; */
}
.savingsTable {
	/*width:296px;*/

	width:100%;
}
.savingsTable td {
	padding:0px 5px 0px 5px;
}
input[type=number] {
	width:8em;
}
.tabDiv {
	position:relative;
	padding:2px 10px 2px 10px;
	border:1px #06C solid;
	background-color:#def;
	background-image:url(../images/backdrop.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	cursor:pointer;
	background:-o-linear-gradient(bottom,#B5DAFF 0%,#def 25%,#def 75%,#fff 100%);
	background:-moz-linear-gradient(bottom,#B5DAFF 0%,#def 25%,#def 75%,#fff 100%);
	background:-ms-linear-gradient(bottom,#B5DAFF 0%,#def 25%,#def 75%,#fff 100%);
	background:-webkit-linear-gradient(bottom,#B5DAFF 0%,#def 25%,#def 75%,#fff 100%);
	background:linear-gradient(bottom,#B5DAFF 0%,#def 25%,#def 75%,#fff 100%);
}
#contentDivs {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
	border:2px #06C solid;
	/*margin-bottom:10px;*/
}
.tabButton {
	position:absolute;
	right:10px;
	top:0px;
}
button {
	border:1px #06C solid;
	border-radius:5px;
	background-color:#b1d2f4;
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
	background:-o-linear-gradient(bottom,#b1d2f4 50%,#def 100%);
	background:-moz-linear-gradient(bottom,#b1d2f4 50%,#def 100%);
	background:-ms-linear-gradient(bottom,#b1d2f4 50%,#def 100%);
	background:-webkit-linear-gradient(bottom,#b1d2f4 50%,#def 100%);
	background:linear-gradient(bottom,#b1d2f4 50%,#def 100%);
}
.contentDiv {
	padding:10px;
	background-color:#def;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:14px;
	display:none;
}
.contentDiv:nth-child(2) {
	display:block;
}
#graphCanvas {
	display:none;
	width:100%;
}
span.dings {
	/*font-family:	*/
}


.condition-slider {
	width:100%;
}



@media (min-width:1000px) {
	.tabDiv {
		display:none;
	}
	.contentDiv {
		display:block !important;
		float:left;
		width:33.3333%;
		box-sizing:border-box;
		flex:1 1 auto;
		max-height:100%;
		overflow:auto;
	}
	#contentDivs {
		max-width:1200px;
		display:flex;
		flex-direction:row;
		height:100%;
	}
	#contentDivs:after {
		clear:both;
		content:'';
		display:table;
	}
}