/************** Participant Site Specific - Desktop screens only *******************/
/*********Deferral Calculator******/

div.css-form.deferral-calculator {
	padding-top: 1em;
	width: 100%;
}

div.css-form.deferral-calculator .row .column {
	display: inline-block;
}

div.css-form.deferral-calculator .row .column.label {	
	padding-bottom: 0.1rem;
}

div.css-form.deferral-calculator > .data {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

div.css-form.deferral-calculator .row {
	padding-top: 1em;
}

div.css-form.deferral-calculator > .data-and-chart {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.width-when-chart-visible {
	width: 40%;
}

.width-when-chart-hidden {
	width: 25%;	
}

.input-width-when-chart-visible {
	width: 55%;
}

.input-width-when-chart-hidden {
	width: 25%;	
}

div.deferral-calculator > .inline-chart {
	display: inline-block;
    margin: 0;
    padding: 0;
    width: 40%;
    color: #000000;
    height: 500px;
    line-height: 1.5em;
    font-size: 1.1em;    
    text-align: right;
}

div.deferral-calculator > .inline-chart .chart {
	display: block;
	width: 100%;
	height: 55%;
}

div.deferral-calculator > .inline-chart > .chart-key {
	display: block; 
	width: 100%;
	height: 45%;
	vertical-align: top;
}