html {
	margin: 0 auto;
	max-width: 320px;
	max-height: 568px;
}

/* custom icons */
.km-bar-graph:before,
.km-bar-graph:after {
	content: "\e04b";
}

.km-question:before,
.km-question:after {
	content: "\e0fb";
}

.empty-chart {
	width: 100%;
	height: 33%;
}

.strategy-selector {
	float: left;
	color: darkgrey;
	font-style: italic;
	border-style: none;
}

.groupCentered {
	text-align: center;
}

.container input {
	margin: auto;
}

.container label {
	font-weight: bold;
	font-size: medium;
	color: darkgray;
}

.history-year-select-row {
	margin-top: 0.5em;
	margin-bottom: 2em;
}

.year-select {
	margin: 0 0.2em;
	padding: 0 0.25em;
}

.year-select.selected {
	border-bottom: solid 2px #E6DEDC;
}

.advice-panel {
	height: 33%;
	padding: 1em;
	border: solid 1px #dfe1e2;
}

.tip-indicator {
	display: inline-block;
	border-radius: 4px;
	height: 8px;
	width: 8px;
	background-color: lightgray;
}

.tip-indicator.active {
	background-color: #ff4350;
}

.top-home-content {
	height: 12%;
}

/* todo: making them inline block is a little screwy. */
.top-home-content * {
	text-align: center;
	margin: 0;
}

.loan-health-status.good {
	color: #71EEB8;
}

.loan-health-status.neutral {
	color: black;
}

.loan-health-status.bad {
	color: #F88379;
}

h1.loan-health-status {
	margin: 0;
	font-size: 3em;
	font-weight: 100;
	text-transform: uppercase;
	line-height: .9em;
}

h1.app-logo {
	margin: 3em 0;
	font-size: 3em;
	font-weight: 100;
	text-transform: uppercase;
	text-align: center;
	line-height: .9em;
}

h1.summary-maturity {
	margin: 0;
	font-size: 2em;
	font-weight: 100;
	text-transform: uppercase;
	line-height: .7em;
}

.k-slider .k-slider-selection {
	background-color: #71EEB8;
}

.km-nova .k-slider-horizontal .k-draghandle {
	top: -15px;
	width: 35px;
	height: 35px;
	opacity: .8;
}

/* todo: can't do the nice glossy transparency thing. */
.km-nova .km-tabstrip.custom {
	min-height: 3rem;
}

.account-settings-list span.setting-value { 
	float: right;
	margin-right: 1em
}

.km-nova .km-list > li > .km-listview-link {
	color: black;
}

#payment-keyboard {
	width: 25%;
	text-align: center;
	font-weight: bold;
	font-size: medium;
	color: #71EEB8;
}

#loginpage .km-back {
	display: none;
}

#graph-view > div.km-content.km-widget.km-native-scroller {
	background-color: #f7f7f7;
}

#graph-view > div.km-content.km-widget.km-native-scroller > div.container.vertical {
	display: inline-block;
}