/* #region general */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	min-width: inherit;
	color: #4d4d4d;
	background-color: #eeeeee !important;
	/* background: #eee !important; font: 400 12px/1.4 Arial,Helvetica,Verdana,sans-serif; */
	font: 1rem INGMeRegular, Arial, Helvetica, Verdana, sans-serif;
	position: relative;
	width: 100%;
}

a {
	color: #3399cc;
	text-decoration: none;
	cursor: pointer;
}

	a:focus {
		outline: none;
	}

	a:active {
		outline: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: INGMeRegular, Arial;
}

h1 {
	font-size: 32px;
}

h2 {
	color: #333;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}

ul,ol,dd{
    padding-left: 1.1rem;
}

form .required-fields {
	margin-top: 5px;
	float: right;
	font: 400 12px/1.4 INGMeRegular,Arial,Helvetica,Verdana,sans-serif;
	color: #4d4d4d;
}

span.mandatory {
	color: #ff6600;
}

#mainContent {
	overflow: hidden;
	padding: 0 1em;
}

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

.template {
    display:none;
}

/* IE FIX: padding-right caused a bug in IE */
#languages {
	padding-right: 0;
}

.content {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
}

	.content .container {
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		border: 1px solid #d5d5d5;
		border-top: 0;
		background-color: #fff;
	}

.breadcrumb .content {
	padding: 0;
}

.titles .content {
	padding-left: 20px;
	padding-bottom: 20px;
}

.mobile-only, .mobile-moves {
	display: none;
}

.left-hand-column {
	float: left;
	padding: 0 2px;
	position: relative;
	top: -18px;
	width: auto;
}

.clear {
	clear: both;
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hidden, .hide {
	display: none;
}

.left { /* float: left; */
}

.right { /* float: right; */ /* position: absolute; */
}

.uppercase {
	text-transform: uppercase;
}

.module.content {
	padding-top: 20px;
}

	.module.content p {
		font-size: 14px;
		color: #666;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.module.content h3 {
		font-size: 36px;
		font-weight: normal;
		margin-top: 0;
	}

	.module.content .thanx {
		width: auto;
	}

@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) {*/
@media only screen and (max-width: 992px) {
	.header .main .content {
		width: 100%;
		padding: 0 10px;
	}

	.content {
		width: 744px;
	}

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

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

	.bottom-left {
		width: 218px;
	}

	#sim .content {
		padding: 0;
		background-color: #f5f5f5;
	}
}

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

@media only screen and (max-width: 768px) {
	#languages {
		height: 50px;
	}

	body, form label, .helptext, .row, .info-inverted {
		font-size: 1rem;
	}

	h1 { /* font-size: 32px; */
		line-height: 32px;
	}

	h2 {
		font-size: 24px;
	}

	form .required-fields {
		font-size: 16px;
	}

	#mainContent {
		padding: 0;
		clear: both;
	}

	.content {
		font-size: 1em;
		width: 480px;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only, .mobile-moves {
		display: block;
	}

	.module.content p {
		font-size: 20px;
	}

	.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: 496px) {
	.content {
		width: 100%;
	}

		.content .container {
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			border: 0;
		}
}
/* #endregion general */

/* #region Summary (Overview Page) */
.summary {
	padding-bottom: 1px;
	margin-bottom: 20px;
}

	.summary .title { /* padding: 20px 0 10px 10px; */
		color: #ff6600;
		font-weight: normal; /* font-size: 18px; */ /* border-bottom: 1px solid #ff6600; */ /* font-size: 2em; */
		margin-bottom: 0.5em;
		padding-top: 1px;
	}

	.summary .subtitle {
		padding: 10px;
		font-weight: normal;
		font-size: 18px; /* border-bottom: 1px solid #cccccc; */
		/*color: #f60;*/
	}

	.summary .data.more {
		display: none;
	}

		.summary .data.more .read-more {
			background: none;
		}

			.summary .data.more .read-more a {
				color: #4d4d4d !important;
				font-weight: bold;
			}

				.summary .data.more .read-more a:hover {
					text-decoration: none !important;
					cursor: default;
				}

	.summary .data {
		padding: 10px 0px 0;
		font-size: 1rem;
	}

		.summary .data .row {
			margin-bottom: 10px;
			width: auto;
			display: table;
			table-layout: fixed;
			width: 100%;
		}

			.summary .data .row .lbl, .summary .data .row .input {
				display: table-cell;
				float: none;
			}

			.summary .data .row .lbl {
				text-align: left;
				width: 300px; /*40%;*/
				padding-top: 0px; /* padding-left: 70px; */
				padding-right: 15px;
			}

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

			.summary .data .row .read-more {
				padding-right: 15px;
				margin-left: -15px;
				margin-top: 12px; /* background: rgba(0, 0, 0, 0) url("../images/circle-arrow-big.png") no-repeat scroll 0 2px; */
				display: inline-block;
				font-size: 1rem;
				line-height: 16px;
				padding-left: 25px;
				background-size: 13px;
			}

			.summary .data .row .read-more-icon {
				background-image: url('../images/circle-arrow-big.png');
				width: 15px;
				height: 15px;
				background-size: contain; /* background-color: red; */
				display: inline-block;
			}

				.summary .data .row .read-more-icon.open {
					-moz-transform: scaleY(-1);
					-o-transform: scaleY(-1);
					-webkit-transform: scaleY(-1);
					transform: scaleY(-1);
					-ms-filter: "FlipV";
					filter: FlipV;
				}

			.summary .data .row .lbl.title-lbl {
				padding-top: 15px;
				padding-left: 40px;
			}

			.summary .data .row .lbl .subtitle {
				display: inline-block;
				margin: 0;
				padding: 0;
			}

			.summary .data .row .input {
				width: 60%;
				margin-top: 0px;
			}

				.summary .data .row .input ul {
					margin: 5px 20px;
				}

	.summary.m0 {
		margin-bottom: 0px;
	}

@media only screen and (max-width: 768px) {
	.summary { /*margin-left: 10px;
		margin-right: 10px;*/
	}

		.summary .data .row .lbl, .summary .data .row .input {
			display: block;
			padding-left: 0;
			width: 100%;
			box-sizing: border-box;
		}

		.summary .data .row .input {
			font-size: 1em;
			padding-right: 15px;
		}

		.summary .data .row .read-more {
			margin-left: -10px;
			font-size: 1rem;
		}

		/*.summary .data .row .read-more-icon {
			background: rgba(0, 0, 0, 0) url("../images/circle-arrow-big.png") no-repeat scroll 0 2px;
			display: inline-block;
			font-size: 1rem;
			line-height: 16px;
			padding-left: 15px;
			background-size: 13px;
			width: 15px;
			height: 15px;
		}

			.summary .data .row .read-more-icon.open {
				-moz-transform: scaleY(-1);
				-o-transform: scaleY(-1);
				-webkit-transform: scaleY(-1);
				transform: scaleY(-1);
				-ms-filter: "FlipV";
				filter: FlipV;
				background-position: 0 0;
			}*/

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

		.summary .data .summary-data {
			margin-left: 30px;
			display: block;
		}
}
/* #endregion Summary (Overview Page) */

/* #region legal mentions (Content Renderer)*/
.legal-mentions {
	background: #f5f5f5;
	padding-top: 40px;
	padding-bottom: 40px; /* border-top: 1px solid #dddddd; */
}

	.legal-mentions .content {
		font-size: 12px;
		color: #888888;
	}

		.legal-mentions .content .more-legal-mentions {
			padding-left: 45px;
			padding-top: 8px;
			padding-bottom: 10px;
			margin-top: 10px;
		}

			.legal-mentions .content .more-legal-mentions .inner {
				display: none;
				font-size: 12px;
				font-weight: normal;
				color: #888888;
				padding-top: 5px;
			}

			.legal-mentions .content .more-legal-mentions.open .inner {
				display: block;
			}

			.legal-mentions .content .more-legal-mentions .circle {
				background: url(../images/circle-arrow-small.png) no-repeat center 7px;
				cursor: pointer;
			}

				.legal-mentions .content .more-legal-mentions .circle.open {
					/*background: url(../images/circle-arrow-small-orange.png) no-repeat center 7px;*/
					-moz-transform: scaleY(-1);
					-o-transform: scaleY(-1);
					-webkit-transform: scaleY(-1);
					transform: scaleY(-1);
					-ms-filter: "FlipV";
					filter: FlipV;
				}

			.legal-mentions .content .more-legal-mentions .more-legal-mentions-title a {
				font-size: 15px;
				font-weight: bold;
				color: #4d4d4d;
				margin-top: 3px;
				display: block;
				float: left;
			}

			.legal-mentions .content .more-legal-mentions.open .more-legal-mentions-title a {
				/*color: #ff6600;*/
			}


/* #region open/close */
.circle {
	border: 1px solid #cccccc;
	height: 24px;
	width: 24px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	font-size: 16px;
	display: table;
	float: left;
	margin-left: -40px;
	color: #cccccc;
	line-height: 24px;
	background: url(../images/circle-plus-big.png) no-repeat center center;
}

	.circle.open {
		/*border: 1px solid #ff6600;*/
		line-height: 21px;
		background: url(../images/circle-minus-big-orange.png) no-repeat center center;
	}
/* #endregion open/close */

/* #region bottom legals */
.legals {
	background: #eeeeee none repeat scroll 0 0;
	padding: 0;
	width: 100%;
	color: #8d8d8d;
	font-size: 11px;
}

	.legals .content {
		color: #666666;
		font-size: 12px;
		padding: 30px 0;
		text-align: center;
	}

		.legals .content a {
			color: #666666;
			text-decoration: none;
		}

		.legals .content .divider {
			border-bottom: 0 none;
		}

@media only screen and (max-width: 768px) {
	.legals .content {
		text-align: left;
		padding: 0;
		font-size: 18px;
	}

		.legals .content a {
			display: block;
			border-bottom: 1px solid #dddddd;
			padding: 15px 0 15px 15px;
		}

		.legals .content p {
			padding: 15px 0 15px 15px;
		}

		.legals .content .legalMentionsInnerTwo p {
			padding-left: 0;
			padding-right: 0;
			text-align: center;
		}

		.legals .content .divider {
			display: none;
		}
}
/* #endregion bottom legals */
/* #endregion legal mentions (Content Renderer)*/

/* #region legal mentions (SIM Inline)*/
.row .sim-legal-mention.input {
	width: auto;
	max-width: 100%;
}

.row .sim-legal-mention .input {
	width: 100% !important;
	max-width: 100%;
}

.sim-legal-mention ul {
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	margin-top: -20px;
}

@media only screen and (max-width: 768px) {
	.sim-legal-mention input[type="radio"], .sim-legal-mention input[type="checkbox"] {
		margin-top: 8px;
	}
}
/* #endregion legal mentions (SIM Inline)*/

/* #region socials */
.socials { /* min-height: 30px; */
	border-bottom: 3px solid #ff6600;
	background: #eeeeee none repeat scroll 0 0; /* margin-top: -15px; */
}

@media only screen and (max-width: 996px) {
	.socials { /* margin-top: -20px; */
		padding-top: 10px;
		min-height: 0px;
	}
}

@media only screen and (max-width: 768px) {
	.socials {
		padding-top: 0;
	}
}
/* #endregion socials */

/* #region Balloon Container */
.balloon-container {
	display: inline-block;
	margin-bottom: 12px;
	margin-left: 70px;
}

	.balloon-container .balloon {
		position: relative;
		background: #ff6600;
		color: #ffffff;
		min-width: 80px;
		padding: 8px 10px;
		text-align: center;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin: auto;
	}

		.balloon-container .balloon:after {
			top: 100%;
			left: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: transparent;
			border-top-color: #ff6600;
			border-width: 6px;
			margin-left: -6px;
		}

@media only screen and (max-width: 768px) {
	.balloon-container {
		width: 200px;
		display: block;
		position: relative;
	}
}
/* #region Balloon Container */




/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* ------------------------------------ SALESFLOW SPECIFIC ------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

/* ALGEMEEN -------------------------------------------------- */
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	font-size: 1rem;
}

h1 {
	color: #ff6600;
	line-height: auto; /* font-size: 1.5em; */
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}



@media only screen and (max-width: 1024px) {
	.content { /* padding: 0px 10px; */
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 992px) {
	.content .padding {
		padding-left: 25px;
		padding-right: 25px;
	}
}
/*
@media only screen and (max-width: 963px) {
	.content {
		width: 100%;
	}
}
*/

/* #endregion general */

/* #region breadcrumb */
.breadcrumb {
	height: 50px;
	line-height: 30px;
	background: #f5f5f5; /* width: 940px; */ /* margin-left: auto; */ /* margin-right: auto; */ /* padding: 0 0 0 10px; */
}

@media only screen and (max-width: 768px) {
	.breadcrumb {
		height: 20px;
	}

		.breadcrumb .content {
			display: none;
		}
}

@media only screen and (max-width: 496px) {
	.breadcrumb {
		height: 0;
	}
}

/* #endregion breadcrumb */

/* #region titles */
.titles {
	background: #F5F5F5;
}

	.titles h1 { /* font-size: 32px; */ /* background-color: #fff; */
		margin-bottom: 0px;
	}

	.titles h2 {
		font-size: 20px;
		color: #767676;
		margin-bottom: 0px;
	}

    #titlesTitle {
        padding-top: 40px;
    }

	.titles .content {
        /*padding-top: 40px; moved to #titlesTitle*/ 
		background: #fff;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		border: 1px solid #d5d5d5;
		border-bottom: 0px;
	}

@media only screen and (max-width: 1024px) {
	.titles { /* padding-bottom: 34px; */
	}
}

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

@media only screen and (max-width: 768px) {
	.titles { /* padding-top: 20px; */
	}

		.titles h1, .titles h2 {
			line-height: 1.5em;
		}

		.titles h1 { /* font-size: 1.5em; */
		}

		.titles h2 {
			font-size: 24px;
		}

		.titles .content {
			padding-left: 10px !important;
		}
}

@media only screen and (max-width: 496px) {
	.titles .content {
		padding-top: 20px; /* was: 40px */
		border-radius: 0;
		border: 0;
	}
}

#titlesIntro {
    margin-top: 10px; /*margin-top: 1rem 0;*/
}

/* #endregion titles */

/* #region requiered fields */
.required-fields {
	font-size: 12px;
	color: #4d4d4d;
	margin-bottom: 20px;
	margin-top: 5px;
}

	.required-fields.right {
		margin-right: -70px;
		text-align: right;
	}

		.required-fields.right .mandatory {
			margin-right: 2px;
		}

#requiredFields2 {
	float: right;
	display: none;
}

@media only screen and (max-width: 1024px) {
	#requiredFields2 {
		display: block;
	}
}
/* #endregion requiered fields */

/* #region SIM container */
#sim { /* padding-top: 30px; */ /* padding-bottom: 30px; */
	background: #F5F5F5;
}

	#sim .content .container {
		/*margin: 0 10px 10px 10px;*/
		-moz-box-shadow: 0 6px 5px -5px #888;
		-webkit-box-shadow: 0 6px 5px -5px #888;
		box-shadow: 0 6px 5px -5px #888;
	}

    #sim .content .module-container .container .top { /* border: 1px solid #dddddd; */ /* border-top-width: 1px; */
			background: #ffffff; /* padding-left: 80px; */ /* padding-right: 80px; */
			width: auto;
			padding-top: 1px; /* border-bottom-width: 1px; */
			border-left: none;
			border-right: none;
		}
		#sim .content .container .top { /* border: 1px solid #dddddd; */ /* border-top-width: 1px; */
			background: #ffffff; /* padding-left: 80px; */ /* padding-right: 80px; */
			width: auto;
			padding-top: 20px; /* border-bottom-width: 1px; */
			border-left: none;
			border-right: none;
		}

			#sim .content .container .top.PAGE05,
			#sim .content .container .top.thx-page {
				padding-left: 30px;
				padding-right: 10px;
				padding-bottom: 20px;
				border-bottom: 1px solid #dddddd;
			}

			#sim .content .container .top.thx-page {
				padding-top: 20px;
			}

		#sim .content .container .bottomBorder {
			display: none;
		}

		#sim .content .container .bottom {
			/* border: 1px solid #dddddd; */
			border-top: 0px;
			background: #fff; /* #f5f5f5; */
			padding: 35px 20px;
			width: auto;
			margin-top: -15px;
			border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			-webkit-border-radius: 0 0 5px 5px;
		}

		#sim .content .container h2 { /* color: #ff6600; */
			margin-bottom: 20px;
			margin-top: 50px;
			font-size: 1.12rem;
			padding: 0 20px;
			font-family: IngMEbold, Arial, Helvetica;
			font-weight: 700;
		}

        #sim .content .container h3 {
            font-size: 1.05em;
        }

			#sim .content .container h2:first-of-type {
				margin-top: 20px;
			}

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

		#sim .content .container .warningbox h2, #sim .content .container .thx-what-now h2 {
			padding-left: 0px;
			padding-right: 0px;
		}


		#sim .content .container .divider {
			border-bottom: 1px dashed #d3d5d4;
			margin-top: 5px;
			margin-bottom: 15px;
			display: none;
		}

		#sim .content .container .summary .divider {
			background-image: none;
			width: 100%;
			margin-top: 20px;
			margin-bottom: 5px;
		}


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

	#sim .content .container .top {
		border-width: 0px;
	}

		#sim .content .container .top .required-fields {
			display: none;
		}

	#sim .content .container .bottom {
		border-width: 0px;
		background-color: #ffffff;
	}

	#sim .content .container h2 {
	}
}

@media only screen and (max-width: 768px) {
	#sim {
		padding-bottom: 0px;
	}

		#sim[data-language="EN"] input.currencySymbol {
			padding-left: 14px !important;
		}

		#sim .content {
			padding: 0;
		}

			#sim .content .container {
			}

				#sim .content .container h2 {
					padding: 0 10px;
				}

					#sim .content .container h2:not(:first-of-type) {
						margin-top: 40px;
					}

				#sim .content .container .intro {
				}

				#sim .content .container .top {
					padding: 15px 0 0 0;
				}

					#sim .content .container .top .required-fields {
						display: none;
					}

					#sim .content .container .top .info-inverted {
						padding: 1px 10px 10px;
					}

					#sim .content .container .top .divider {
						margin-left: 10px;
						margin-right: 10px;
					}

					#sim .content .container .top.padding {
						padding-left: 10px;
						padding-right: 10px;
					}

				#sim .content .container .bottomBorder { /* display: block; */
					height: 10px;
					background: #e5e5e5; /* Old browsers */
					background: -moz-linear-gradient(top, #e5e5e5 0%, #f5f5f5 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top, #e5e5e5 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom, #e5e5e5 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
				}

				#sim .content .container .bottom {
					padding: 50px 10px 50px 10px; /* background-color: #f5f5f5; */
					text-align: center; /* position: static; */
				}

				#sim .content .container .highlightedInputs {
					margin-bottom: 0;
				}

					#sim .content .container .highlightedInputs .arrow {
						margin: -27px auto auto;
						position: relative;
					}

				#sim .content .container .summary .divider {
					width: auto;
				}
}

@media only screen and (max-width: 496px) {
	#sim .content {
		width: 100%;
	}
}
/* #endregion SIM container */

/* #region SIM container "What-Now" Section */

#sim .content .container .thx-page h2 {
	padding-left: 0px;
	padding-right: 0px;
}

#sim .content .container .thx-what-now {
	margin-top: 20px;
	margin-left: 20px;
	text-align: left;
}

#sim .content .container .thx-what-now-text { /* margin-top: 12px; */
	margin-bottom: 12px;
	display: table;
	text-align: left;
	width: 100%;
}

	#sim .content .container .thx-what-now-text .logo {
		background: url("../images/icon-whatnow.png") no-repeat scroll right center;
		width: 130px;
		height: 50px;
		display: none;
	}

	#sim .content .container .thx-what-now-text div {
		display: table-cell;
		vertical-align: middle;
	}

@media only screen and (max-width: 768px) {
	#sim .content .container .thx-what-now {
		margin: 0 10px;
	}

	#sim .content .container .thx-what-now-text .logo {
		display: none;
	}

	#sim .content .container .thx-what-now-text .text {
		width: auto;
		text-align: left;
	}
}
/* #endregion SIM container "What-Now" */

/* #region SIM container "Users" Section (you - your partner) */
.users {
	width: 256px;
	margin: auto;
}

	.users .user {
		float: left;
		width: 128px;
		cursor: pointer;
	}

		.users .user .img {
			margin: auto;
			width: 64px;
			height: 64px;
			border-radius: 180px;
			border: 2px solid #767676;
			background-size: auto 50px;
			background-position: center 16px;
			background-repeat: no-repeat;
		}

		.users .user.active {
			cursor: default;
		}

			.users .user.active .img {
				border-color: #ff6600;
			}

		.users .user.male .img {
			background-image: url(../images/retina/user-male.png);
		}

		.users .user.male.active .img {
			background-image: url(../images/retina/user-male-active.png);
		}

		.users .user.female .img {
			background-image: url(../images/retina/user-female.png);
		}

		.users .user.female.active .img {
			background-image: url(../images/retina/user-female-active.png);
		}

		.users .user .text {
			text-align: center;
		}

		.users .user.active .text {
			color: #ff6600;
		}

.usercontainer { /*display: none;*/
	margin-bottom: 12px;
}

	.usercontainer.user1 {
		display: block;
	}

	.usercontainer input {
		background-color: #ffffff !important;
	}

.multi {
}

	.multi .usercontainer {
		margin-top: 10px;
		padding-top: 20px;
		padding-bottom: 10px; /*display: none;*/
	}

		.multi .usercontainer.active {
			display: block;
		}

		.multi .usercontainer.user1 { /* background: url(../images/container-top-me.png) no-repeat #f8f8f8; */
		}

		.multi .usercontainer.user2 { /* background: url(../images/container-top-partner.png) no-repeat #f8f8f8; */
		}

		.multi .usercontainer h2, .multi .usercontainer .divider { /*display: none !important;*/
		}

@media only screen and (max-width: 768px) {
	.multi .usercontainer {
		background-image: none !important; /*border-top: 1px solid #dddddd;*/
	}
}
/* #endregion SIM container "Users" Section (you - your partner) */


.bottom-left {
	width: 300px;
	display: inline-block;
	text-align: left;
	height: 55px;
	vertical-align: top;
}

	.bottom-left.outer {
		text-align: left;
		padding-left: 0;
	}

.bottom-right {
	display: inline-block;
	padding-left: 14px;
	height: 55px; /* width: auto; */
}


	.bottom-right.outer {
		text-align: right;
		padding-right: 0;
		width: calc(100% - 200px);
	}

	.bottom-right.confirmation { /* padding-left: 100px; */
		padding-left: 0;
	}

	.bottom-right div {
		height: 55px; /* margin-bottom: 20px; */
	}

		.bottom-right div:last-of-type { /* margin-bottom: 30px; */
		}

		.bottom-right div.mobile-moves {
			height: 0;
		}

.full.left {
	text-align: left;
	height: 35px;
	padding-left: 75px;
}

.full.right {
	text-align: right;
	height: 35px;
	padding-right: 75px;
}

@media only screen and (max-width: 992px) {
	.bottom-left {
		width: 228px;
	}
}

@media only screen and (max-width: 768px) {
	.bottom-left,
	.bottom-right {
		width: 100%;
		display: block;
		text-align: center;
		margin: 0;
		padding: 0;
		height: auto;
		margin-bottom: -20px;
	}

		.bottom-left.outer, .bottom-right.outer {
			text-align: center;
			padding-left: 0;
			padding-right: 0;
			width: auto;
		}

		.bottom-right div.mobile-moves {
			height: 45px;
		}


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

	.full.right {
		text-align: center;
		height: 25px;
		padding-right: 0;
	}
}


.expenses {
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 20px;
}

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