.fieldset-d {
	padding-top: 2em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #d2d4da;
}

.fieldset-d:first-child {
	margin-top: -2em;
}

.fieldset-d:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.legend {
	margin-bottom: 2.5em;
}

.legend-step,
.legend-title {
	font-weight: 500;
}

.legend-step {
	display: block;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.5;
	text-align: center;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
}

.legend-step {
	position: absolute;
	border-color: #058ce1;
}

.legend-info {
	margin-left: 3.5em;
	margin-top: .4em;
}

.legend-title {
	margin-bottom: .5em;
}

.fieldset-inactive .legend {
	margin-bottom: 0;
}

.fieldset-inactive .legend-step {
	border-color: #d2d4da;
	color: #a5aab5;
}

.fieldset-inactive .legend-title {
	color: #a5aab5;
}

.fieldset-inactive .legend-desc {
	color: #a5aab5; 	
	display: none;
}

.fieldset-inactive .legend-param {
	color: #a5aab5;
}

.fieldset-inactive .legend-param label {
	color: #a5aab5;
	font-weight: 700;
}

.form-set {
	opacity: 1;
	transition: opacity .3s ease-in;
}

.form-set-level2 {
	padding-left: 1.5em;
}

.fieldset-inactive .form-set {
	opacity: 0;
}

.form-set-hidden {
	display: none;
}

.first-step {
	display:block;
}

/* Simulation result */

.simulation-result-title {
	margin-bottom: 0;
}

.installment-group {
	margin-bottom: 1em;
}

.installment-group:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.installment-label {
	padding-bottom: .5em;
	color: #fd851a;
}

.installment-value {
	font-weight: normal;
}
.installment-duration {
	position: relative;
	text-align: center;
}

.installment-duration:before,
.installment-duration:after {
	position: absolute;
	top: 50%;
	content: " ";
	width: 40%;
	height: 1px;
	background: #ddd;
}

.installment-duration:before {
	left: 0;
}

.installment-duration:after {
	right: 0;
}

.simulation-related li {
	margin-bottom: 2em;
}

.form-change-value {
	margin-left: 1em;
}

.financiamento-grafico {
	display: none;
}

.fieldset-d .button-group {
	margin: 10px 0;
}
.fieldset-d .button-group-item .submit-d {
	width: 200px
}
.simple-table th {
	text-align: left;

}
.simple-table #accordion {
	padding: 0 .25em;
	border-bottom: none;

}
.simple-table tr > th {
	padding: 1em .25em; 
}
.simple-table table th {
	font-weight: normal;
}
.simple-table table td {
	background-color: #f4f4f6; 
	border-color: #aaa;
	padding: 15px 10px;
}
.simple-table table td:nth-child(1) {
	padding-left: 1.50em;
}
.simple-table th:nth-child(3),
.simple-table table td:nth-child(3) {
	text-align:right;
}
.simple-table table {
	width: 100%;
	outline: none;
	background: #fff;
	position: relative;
}
.simple-table > tbody > tr { 
	padding: 0;
}
.elastic-table li {
	text-align: left;
}
.simple-table td, .simple-table th {
	width: 33%;
}
.elastic-table th.plots {
	position: relative;
	color: #0164a8
}
/*#accordion div {
	height: 192px;
	overflow: auto;
}*/
.elastic-table th.plots .arrow {
	background: url(../images/sprites.png) no-repeat -100px -120px;
	width: 9px;
	height: 9px;
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 4px;
}
.elastic-table.ui-state-active th.plots .arrow {
	background-position: -87px -120px;
	width: 8px;
	height: 10px;
	margin-right: 11px;
}

/*.simple-table div {
	height: 164px;
	overflow: hidden;
}*/
.simple-table div::-webkit-scrollbar {
    -webkit-appearance: hidden;
    width: 1px;
}

/* ==========================================================================
   > 600px
   ========================================================================== */

@media screen and (min-width: 37.5em) {

	
	/* Simulation result */

	.installment {
		display: table;
		position: relative;
		max-width: 900px;
	}
	.simulation-result-title {
		display: inline-block;
	}
	
	.installment-group {
		display: table-cell;
		width: 33.3%;
		margin-bottom: 0;
		margin-right: 1.5em;
		vertical-align: middle;
	}
	
	.last-payment .installment-group-wrapper {
		float: right;
	}
		
	.installment-duration:before,
	.installment-duration:after {
		width: 28%;
	}
	
	.financiamento-grafico {
		display: block;
	}
	
	.financiamento-grafico img {
		width: 100%;
		max-width: 900px;
	}
}


/* ==========================================================================
   > 1000px
   ========================================================================== */

@media screen and (min-width: 62.5em) {
	
	.legend,
	.form-set {
		float: left;
	}
	
	.legend {
		width: 25%;
		margin-right: 10%;
	}	
	
	.form-set {
		width: 65%;
		padding-top: 1em;
	}
	
	.form-set.inside-set {
		width: 100%;
	}
	
	.form-set-level2 {
		margin-top: 2em;
	}
	
	.form-set-level2.inside-set {
		margin-top:0;
	}
	
	.fieldset-d {		
		padding-top: 2.5em;
		padding-bottom: 2em;
	}
	
	.legend-info {
		margin-left: 4.5em;
	}
}