/* LAYOUT.CSS ------------------------------------------------------------ */
.bottom-right {
	padding-left: 14px;
}

#sim .content .container h2:not(.simulation) {
    width: auto;
}

.summary .data .row .lbl {
	width: 300px;
}

.summary .data .row .input {
	width: 460px;
}

.sim-legal-mention ul {
	padding-right: 5px;
}

.bottom-right.confirmation {
	padding-left: 0;
}

.separator {
    border-top: 1px solid #cccccc;
    margin: 20px 10px;
}

.summary .data .row .lbl .subtitle {
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 992px) {
	h1 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 960px) {
	h1 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 955px) {
	.header .main .content {
		width: 100%;
		padding: 0 10px;
	}
	
	.content { 
		width: 744px;
	}

	.summary .data .row .lbl {
		width: 228px;
	}

	.summary .data .row .input {
		width: 354px;
	}
}

@media only screen and (max-width: 940px) { 
	#sim {
		background-color: #f5f5f5;
	}
}

@media only screen and (max-width: 768px) {
	.content {
		width: 480px;
	}

	.summary .data .row .lbl {
		width: 100%;
	}

	.summary .data .row .input {
		width: 100%;
	}

	.bottom-left {
		width: 218px;
	}

	.bottom-left.outer {
		width: 198px;
	}

	.bottom-right {
		padding-left: 0;
	}
}

@media only screen and (max-width: 495px) {
	.content {
		width: 100%;
	}

/* FORM.CSS -------------------------------------------------------------- */
.row:not(.simulation) {
	padding-right: 0;
}

/*
	label = 4 columns - info-icon compensation
	input = 6 columns
*/

@media only screen and (max-width: 955px) {
 	.row .lbl {
		width: calc(228px - 21px);
 	}

 	.row .input, .row .input.no-info {
		width: 352px;
 	}
}


@media only screen and (max-width: 768px) {
 	.row .lbl {
		width: calc(100% - 30px);
		padding-left: 0;
		}

 	.row .input, .row .input.no-info {
		width: 100%;
 	}
}


/* PROGRESSBAR ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	.progressbar .step:first-child .number {
	    margin-left: 0;
	}
}


/*TOOLTIPS.CSS ----------------------------------------------------------------*/ 
.summary .tooltip.summary-tip {
	right: 635px;
}

.tooltip {
    margin-top: 1px;
}

@media only screen and (max-width: 955px) {
	.summary .tooltip.summary-tip {
		right: 510px;
	}
}

@media only screen and (max-width: 768px) {
	.summary .tooltip.summary-tip {
		right: initial;
	}
}