@import url("width.css");
@import url("widthpercent.css");
@import url("height.css");
@import url("heightpercent.css");

@import url("font.css");
html {
	font-size: 62.5%;
	position: relative;
	margin-left: calc(100vw - 100%);
	min-height: 100%;
}

body {
	background-color: #fff;
	color: #323232;
	font-family: 'Roboto';
	font-size: 1.5rem;
	font-weight: 300;
}

p {
	margin: 0 0 30px;
	line-height: 24px;
}

.cmsContent p {
	margin: 0px;
}

.btn:not(.btn-icon):last-child {
	margin-bottom: 0;
}

.intro a:not(.btn-primary),
.content a:not(.btn-primary) {
	color: #a1c942;
	font-weight: bold;
}

.intro a:not(.btn-primary):hover,
.content a:not(.btn-primary):hover {
	color: #779d1c;
}

a,
a:focus,
a:hover {
	color: #323232;
	outline: 0;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
.content a,
.nav-tabs > li,
.nav-pills.nav-wizard > li,
.option-table td:first-of-type,
.info-table th,
legend {
	font-family: 'Roboto Slab';
	font-weight: 700;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 3rem;
}

.intro h1 {
	border: 0;
	font-size: 4.8rem;
	line-height: 1em;
	margin: 0 0 27px;
	padding: 0;
	text-align: center;
}

.add-capital-form h1,
form h1 {
	margin-left: 0;
	margin-bottom: 30px;
}

section.intro-section h1,
section.ontrack-education h1 {
	line-height: 1em;
	margin-bottom: 30px;
}

h1.page-title+.breadcrumb {
	margin-bottom: 0;
}

h2,legend {
	font-size: 1.8rem;
	line-height: 1em;
	margin-bottom: 30px;
}

.cmsContent h2 {
	margin-bottom: 15px;
	margin-top: 15px;
}

h3 {
	font-size: 1.5rem;
	line-height: 1em;
	margin-bottom: 20px;
}

h4 {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin-bottom: 2px;
}

legend {
	border: 0;
	border-bottom: 0;
}

label {
	font-weight: 300;
	margin-bottom: 0;
}

label.inline-label {
	display: inline;
	padding: 0 5px;
}

label.prefilled {
	padding-top: 7px;
}

label.prefilled .amount {
 	font-size: 1.7rem;
}

section:not(.intro-section) {
	margin-bottom: 50px;
}

section.intro-section {
	margin-bottom: 20px;
}

section.intro-section-alt {
	margin-bottom: 0;
}

.intro-section p + .btn,
.intro-section p + .btn.btn-primary {
	margin-top: 30px;
}

hr {
	border-top: 2px solid #eee;
	margin: 0;
}

.strong {
	font-weight: 700;
}

.margin-t-20 {
	margin-top: 20px;
}

.margin-t-40 {
	margin-top: 40px;
}

.tool-text {
	color: #a1c942;
	font-family: 'Roboto Slab';
	font-weight: 700;
	font-size: 1.6rem;
	text-transform: uppercase;
	padding: 0 30px;
}

.pngContent {
	display: none;
}

.bottom-line {
	border-bottom: 2px solid #eee;
}

.check-ok,
.check-error {
	position: relative;
}

.check-ok:before,
.check-error:before {
	color: #a1c942;
	content: '\f00c';
	font-family: 'FontAwesome';
	font-size: 13px;
	left:0;
	line-height: 20px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
 	text-align: center;
	width: 15px;
}

.check-error:before {
	content:'\f00d';
	color: #f59300;
}

span.fa:not(.icon-circle .fa) {
	vertical-align: -webkit-baseline-middle;
}

.input-group-addon+.tool-text {
	padding: 0;
}

input.tool-text {
	background: transparent;
	border: 0;
	text-transform: inherit;
	width: 100%;
}

input.tool-text.tool-text-succes {
	color: #a1c942;
}

input.tool-text.tool-text-error {
	color: #f59300;
}

input[type=number] {
	-moz-appearance: textfield;
}

.display-t {
	display: table;
	height: 100%;
	width: 100%;
}

.display-tc {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.display-tc > div:first-of-type {
	margin: 0 auto;
}

.mobile-error .display-tc,
.tablet-error .display-tc {
	padding-left: 15px;
	padding-right: 15px;
}

.align-top,
.input-table.table > tbody > tr > td.align-top,
.input-table.table > tfoot > tr > td.align-top,
.option-table.table > tbody > tr > td.align-top {
	vertical-align: top;
}

.align-bottom,
.input-table.table > tbody > tr > td.align-bottom,
.input-table.table > tfoot > tr > td.align-bottom,
.option-table.table > tbody > tr > td.align-bottom {
	vertical-align: bottom;
}

/* Table */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: none;
	padding: 0;
}

.table tr td.col-35p {
	width: 35%;
}

.table tr td.col-50p {
	width: 50%;
}

.table:not(.info-table) > tbody > tr ,
.table:not(.info-table) > tfoot > tr:not(.xxs-height) {
	border-top: 2px solid #eee;
}

.table:not(.info-table) > tbody > tr#extraIncomeRowEmpty {
	border-bottom: 2px solid #eee;
}

.table:not(.info-table) > tbody > tr.noborder ,
.table:not(.info-table) > tfoot > tr.noborder {
	border-top: none;
	font-size: 1.7rem;
}

.table > thead > tr > th {
	border-bottom: none;
}

.table > thead > tr {
	border-bottom-color: #eee;
}

.table > thead > tr > td {
	vertical-align: top;
}

.info-table {
	width: 100%;
	text-align: left;
}

.btn-group + .info-table {
	margin-top: 20px;
}

.btn-group.annuity .btn:first-child, .btn-group.savings .btn:first-child, .btn-group.investment .btn:first-child , .btn-group.extraincome .btn:first-child {
	padding: 0;
}

.btn-group.annuity .btn, .btn-group.savings .btn, .btn-group.investment .btn, .btn-group.extraincome .btn {
	line-height: 2.5rem;
	padding: 0 30px;
}

.partner-row .info-table.border tbody,
.partner-row .info-table.border > thead > tr > th {
	border-right: 2px solid #fff;
}

.partner-row .info-table.table > thead > tr > th {
	padding-top: 0;
	text-align: left;
}

.partner-row .info-table tbody tr:last-of-type td {
	padding-bottom: 0;
	line-height: 14px;
}

.partner-row > .col-md-6:first-of-type {
	padding-right: 0;
}

.info-table th {
	text-align: center;
}

.ontrack-result-section .well {
	padding: 30px 0;
}

.ontrack-result-section p {
	margin: 0 0 20px;
}

.ontrack-result-section .well .info-table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.ontrack-result-section .well .info-table td:first-child {
	width: 60%;
}

.ontrack-result-section .well .info-table td {
	width: 40%;
}

.ontrack-result-section .well .btn {
	margin-bottom: 0;
}

.panel-body .info-table {
	margin: 0;
}

.info-table.table > tbody > tr > td:first-child,
.info-table.table > tbody > tr > th:first-child,
.info-table.table > tfoot > tr > td:first-child,
.info-table.table > tfoot > tr > th:first-child,
.info-table.table > thead > tr > td:first-child,
.info-table.table > thead > tr > th:first-child {
	padding-left: 0;
}

.info-table.table > tbody > tr > td,
.info-table.table > tbody > tr > th,
.info-table.table > tfoot > tr > td,
.info-table.table > tfoot > tr > th,
.info-table.table > thead > tr > td,
.info-table.table > thead > tr > th {
	border: 0;
	padding: 5px 23px;
}

.info-table.table > tbody > tr > td.tabbed-td,
.info-table.table > tbody > tr > th.tabbed-td,
.info-table.table > tfoot > tr > td.tabbed-td,
.info-table.table > tfoot > tr > th.tabbed-td,
.info-table.table > thead > tr > td.tabbed-td,
.info-table.table > thead > tr > th.tabbed-td {
	padding-left: 36px;
}

/* Partner tabel - uitslagpagina */
#funding-participant.info-table.table > tbody > tr > td,
#funding-partner.info-table.table > tbody > tr > td,
#funding-participant.info-table.table > tbody > tr > th,
#funding-partner.info-table.table > tbody > tr > th,
#funding-participant.info-table.table > tfoot > tr > td,
#funding-partner.info-table.table > tfoot > tr > td,
#funding-participant.info-table.table > tfoot > tr > th,
#funding-partner.info-table.table > tfoot > tr > th,
#funding-participant.info-table.table > thead > tr > td,
#funding-partner.info-table.table > thead > tr > td,
#funding-participant.info-table.table > thead > tr > th,
#funding-partner.info-table.table > thead > tr > th {
	border: 0;
	padding: 5px 10px 5px 0;
}

#funding-participant.info-table.table > tbody > tr > td.totals,
#funding-partner.info-table.table > tbody > tr > td.totals {
	padding: 5px 10px 5px 23px;
}

#funding-partner.info-table.table > tbody > tr > td:first-of-type,
#funding-participant.info-table.table > tbody > tr > td:first-of-type {
	padding: 5px 0;
}

#funding-participant.info-table.table > thead > tr  > th,
#funding-partner.info-table.table > thead > tr > th {
	padding-bottom: 14px;
	text-align: left;
}

#funding-participant.info-table.table > tbody > tr > td,
#funding-partner.info-table.table > tbody > tr > td {
	font-size: 13px;
}

#funding-participant.info-table.table > tbody > tr > td > strong,
#funding-partner.info-table.table > tbody > tr > td > strong {
	font-size: 15px;
}

.input-table {
	font-weight: 700;
}

.input-table.planner tbody {
	font-weight: 300;
}

#basisTable.input-table.planner thead tr,
#plannerTable.input-table.planner thead tr,
.ontrack-specialscenario-section .input-table thead tr {
	height: inherit;
}

.ontrack-specialscenario-section .input-table td .btn-icon.add {
	margin-right: 0;
}

.ontrack-specialscenario-section .input-table tr#head {
	height: inherit;
}

#expartnerIncomes .btn-group .btn {
	padding: 0 10px;
}

#exPartnerIncomes #head td {
	padding-top: 20px;
}

#exPartnerIncomes .btn-cell {
	padding-right: 20px;
}

#exPartnerIncomes td:last-child {
	padding-bottom: 20px;
}

.input-table td {
	font-size: 1.5rem;
}

.input-table td:not(:first-child) {
	text-align: center;
}

.table.left td {
	text-align: left;
}

.table.left td.btn-cell {
	padding-right: 0;
}

.table > tbody > tr.btn-cell-row {
	height: auto;
}

.table > tbody > tr.btn-cell-row > td {
	padding-top: 0;
}

.input-table tr:not(.line) {
	height: 30px;
}

.option-table tr:not(.line) {
	height: 70px;
}

.option-table.table-in-table table tbody > tr {
	height: auto;
}

.option-table.table-in-table table > tbody > tr > td {
	font-family: 'Roboto';
	font-size: 15px !important;
}

.input-table tr.xxs-height {
	height: 0;
}

tr.xxs-height td,
.table > tfoot > tr.xxs-height > td {
	padding: 0 30px;
}

tr.xxs-height td hr {
	border: 1px solid #fff;
}

.table-in-table > tbody > tr:first-of-type > td,
#extraIncomeRow > td, #savingsRow > td, #investmentRow > td {
	padding-top: 30px;
}

.table-in-table > tbody > tr:first-of-type > td,
#extraIncomeRow > td, #savingsRow > td, #investmentRow > td {
	padding: 20px 0;
}

#annuityUntilDate {
	width: 100px;
}

.input-table.table > tbody > tr > td,
.input-table.table > tfoot > tr > td,
.option-table.table > tbody > tr > td {
	vertical-align: middle;
}

.option-table td:first-of-type {
	font-size: 1.8rem;
	width: 230px;
}

.option-table.table-in-table .info-table td:first-of-type {
	font-size: 1.6rem;
}

.option-table td.estimate {
	background-color: #eee;
	padding-left: 10px;
}

.input-table tr td:first-of-type:before {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 35px;
	margin: 0 auto;
}

.custom-table-wrap .input-table.planner thead tr td {
	padding: 0 0 10px;
}

.ontrack-specialscenario-section .input-table td h3,
.custom-table-wrap .input-table td h3 {
	font-weight: 700;
	font-family: 'Roboto Slab';
	font-size: 1.8rem;
	margin: 0;
	line-height: 1em;
	display: inline;
}

.custom-table-wrap .input-table.table > tbody > tr {
	height: inherit;
}

.custom-table-wrap .input-table.table > tbody > tr > td,
.custom-table-wrap .input-table.table > tfoot > tr > td {
	vertical-align: top;
	padding: 10px 0;
}

.custom-table-wrap .table > tbody > tr.section-block:not(.last) > td {
	padding-bottom: 10px;
}

.custom-table-wrap .table > tbody > tr.section-block.first > td {
	padding-top: 20px;
}

.custom-table-wrap .table > tbody > tr.section-block.last > td {
	padding-bottom: 20px;
}

.custom-table-wrap .input-table.table td:nth-child(1) {
	width: 40%;
}

.custom-table-wrap .input-table.table td:nth-child(2) {
	width: 15%;
}

.custom-table-wrap .input-table.table td:nth-child(3) {
	width: 10%;
}

.custom-table-wrap .input-table.table td:nth-child(4) {
	width: 35%;
}

.custom-table-wrap .year {
	padding-left: 10px;
}

.custom-table-wrap .input-table.table td.paddingTop {
	padding: 17px 0 10px 0;
}

.custom-table-wrap .input-table.table td.paddingTop-aow {
	padding: 31px 0 20px 0;
}

.custom-table-wrap .input-table.table td.formPaddingTop-aow {
	padding: 20px 0;
}

.custom-table-wrap .form-control+span,
.custom-table-wrap .form-control+span+span {
	margin: 0;
}

.custom-table-wrap .form-group.endDate {
	vertical-align: top;
}

.custom-table-wrap .btn-group + .form-group {
	margin-left: 5px;
}

.custom-table-wrap input + .btn-danger {
	padding: 0 0 0 10px;
}

.custom-table-wrap .error-message {
	padding-top: 5px;
}

.expenses-icon {
	height: 30px;
	margin-right: 20px;
}

.calc-section .input-table thead tr td,
.calc-section .input-table tr:not(.line),
.calc-section .input-table tfoot tr.xxs-height td {
	height: inherit;
}

.calc-section .input-table tr td,
.calc-section .input-table tfoot tr td {
	height: 60px;
}

.calc-section .input-table tfoot tr td:nth-child(3),
.calc-section .input-table tfoot tr td:nth-child(4) {
	text-align: right;
	padding-right: 50px;
}

.calc-section .input-table.table > tfoot > tr:not(.xxs-height) > td:first-of-type {
	padding-left: 52px;
}

.calc-section .expensesColumn {
	width: 35.5%;
}

.calc-section .sliderColumn {
	width: 24.5%;
}

.calc-section .amountColumn {
	width: 20%;
}

.calc-section .sliderColumn .slider.slider-horizontal {
	vertical-align: top;
}

.calc-section .expensesColumn .expenses-icon,
.calc-section .input-table td h3 {
	display: inline-block;
}

.calc-section .input-table td h3 {
	margin: 0 0 10px;
}

.input-table tfoot tr {
	background-color: #eee;
}

.input-table tfoot tr td:first-child {
	padding-left: 20px;
}

.input-table tr.section-block:not(.last) {
	height: 60px;
}

.table:not(.info-table) > tbody > tr.section-block:not(.first) {
	border-top: none;
}

.section-block:not(.first) td:first-child {
	font-weight: 300;
}

.table > tbody > tr.section-block td p {
	font-family: 'Roboto';
	font-size: 1.5rem;
	font-weight: 300;
	margin: 0;
}

.table tr.last {
	border-bottom: 2px solid #eee;
}

.table tr.last td {
	padding-bottom: 20px;
}
.table tr.last.last-alt td {
	padding-bottom: 10px;
}

.ontrack-specialscenario-section .input-table tfoot:before {
	content: '';
	display: block;
	height: 30px;
}

.removable-row td:first-of-type {
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.removable-row td:first-of-type:after {
	position: absolute;
	content: '\f1f8';
	font-family: 'FontAwesome';
	font-size: inherit;
	line-height: inherit;
	vertical-align: bottom;
	color: #e7494a;
	margin-left: 8px;
	cursor: pointer;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.removable-row td:first-of-type:hover:after,
.removable-row td:first-of-type:focus:after {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.breadcrumb {
	background: none;
	border-radius: 0;
	list-style: none;
	padding: 5px 0;
}

.breadcrumb > li+li:before {
	padding: 0 2px;
	content: " > ";
}

.breadcrumb > li > a,
.breadcrumb > .active,
.breadcrumb > li+li:before {
	color: #323232;
}

.checkbox,
.radio {
	margin: 0;
}

.checkbox label,
.radio label {
	font-weight: 300;
}

.checkbox label::before,
.radio label::before {
	border: 2px solid #ccc;
}

.checkbox label::after {
	color: #323232;
}

.radio label::before {
	height: 20px;
	width: 20px;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
	cursor: pointer;
}

.radio input[type="radio"]:focus + label::before,
.radio input[type="radio"]:hover + label::before,
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="checkbox"]:hover + label::before {
	border-color: #a1c942;
}

.radio input[type="radio"]:focus + label::before,
.checkbox input[type="checkbox"]:focus + label::before {
	outline: 0;
}

.radio label::after {
	background-color: #323232;
	height: 10px;
	left: 5px;
	top: 5px;
	width: 10px;
}

body.modal-open .modal {
	align-items: center;
	display: flex;
	z-index: 2000;
}

body.modal-open .content-modal .modal {
	align-items: flex-start;
}

.content-modal.modal-short-message .modal-body {
	text-align: center;
}

.content-modal:not(.modal-short-message) h4 {
	font-size: 3rem;
	text-align: left;
}

#global-help-accordion h4 {
	font-size: 1.7rem;
}

.content-modal:not(.modal-short-message) .modal-footer .btn-group {
	width: 100%;
}

.alert {
	border: none;
	border-radius: 0;
	padding: 0;
	width: 100%;
	display: table-row;
	float: left;
	max-width: 800px;
}

.alert label,
.alert .alert-text {
	display: table-cell;
	padding: 8px 10px;
}

.alert label {
	color: #fff;
	font-weight: 700;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}

.alert-warning {
	background-color: #fcdeb2;
	color: #323232;
}

.alert-warning label {
	background-color: #f59300;
}

.content-modal .modal-dialog {
	width: auto;
	max-width: 945px;
}

.modal-backdrop {
	background-color: #323232;
}

.modal-header,
.modal-body,
.modal-footer {
	padding: 0;
	text-align: center;
}

.btn-group.dropdown > .btn:last-child:not(:first-child),
.btn-group.dropdown > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.multiple-buttons-align:not(.multiple-buttons-align) {
	margin: 15px 0;
}

.form-group.multiple-buttons-align {
	margin-bottom: 15px;
}

.form-group .btn-group-options.multiple-buttons-align {
	margin-left: 13px;
}

.capitalbuttons .form-group .btn-group-options.multiple-buttons-align {
	margin-left: 0;
}

.multiple-buttons-align .error-message {
	margin-left: 13px;
}

.modal-header {
	border-bottom: 0;
}

.modal-title {
	margin-bottom: 30px;
}

h2.modal-title {
	font-size: 30px;
}

.modal-content {
	border-radius: 0;
	border: 0;
	box-shadow: none;
	padding: 30px;
}

.modal-footer {
	border-top: 0;
}

.dropdown-navbar {
	width: 100%;
	padding: 30px 30px 20px 30px;
	background-color: #eeeeee;
	margin-bottom: 30px;
}

.dropdown-navbar .btn-group.dropdown {
	float: left;
}

.dropdown-navbar .navbar-text {
	font-weight: 700;
	line-height: 40px;
	margin: 0 10px 0 0;
}

.modal-footer .btn-group .btn {
	margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
	margin-left: 30px;
}

.modal-header .close {
	margin-top: 0;
}

.close {
	color: #e7494a;
	float: none;
	font-size: 2rem;
	font-weight: 300;
	position: absolute;
	right: 10px;
	text-shadow: none;
	top: 10px;
}

.close,
.close:focus,
.close:hover {
	opacity: 1;
}

.close:focus,
.close:hover {
	color: #e01d1f;
}

.btn-group > .input-group {
	padding-left: 10px;
}

.btn.btn-danger + .btn.btn-default,
.btn-group button + .form-group,
input + .form-group {
	margin-left: 10px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: 0;
}

.btn,
.btn:hover,
.btn[disabled] {
	border: none;
}

.btn {
	border-radius: 0;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 10px;
	transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
}

table td .btn {
	margin-bottom: 0;
}

table td .btn.info {
	margin-bottom: 10px;
}

.btn.info.explanation-popup {
	margin-bottom: 4px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.btn.active,
.btn:active {
	box-shadow: none;
}

.btn-default {
	background-color: #eee;
	min-height: 40px;
}

.btn-default:active,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus {
	background-color: #a1c942;
	color: #fff;
}

.btn-primary,
.btn-warning,
.btn-danger,
.btn-icon {
	font-family: 'Roboto Slab';
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 30px;
}

input + .btn-danger {
	padding: 9px;
}

.btn-danger.btn-right {
	padding-right: 0;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus {
	background-color: #a1c942;
}

.btn-primary:hover,
.btn-warning:hover {
	background-color: #84a830;
}

.btn-warning,
.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning[disabled]:hover {
	background-color: #fff;
	color: #a1c942;
}

.btn-danger.destroy {
	background-color: transparent;
	color: #e7494a;
}

#exPartnerIncomes .btn.btn-danger.destroy {
	padding-left: 10px;
}

.btn-danger.destroy:before {
	content: '\f1f8';
	color: inherit;
	font-size: 1.8rem;
	font-family: 'FontAwesome';
	margin-right: 5px;
}

.btn-danger.destroy:focus,
.btn-danger.destroy:hover {
	background-color: transparent;
	color: #e01d1f;
}

.btn-back {
	background-color: #eee;
	color: #323232;
}

.btn-back:focus,
.btn-back:hover {
	background-color: #ccc;
	color: #323232;
}

.btn-danger:focus,
.btn-danger:hover {
	background-color: #e01d1f;
}

.btn-lg {
	padding: 14px 30px;
	font-size: 2.4rem;
}

.btn-icon {
	background-color: transparent;
	color: #a1c942;
	font-size: 1.6rem;
	line-height: 1em;
	padding: 0;
}

.btn-icon.add {
	margin-right: 10px;
}

.btn-icon.add > .fa {
	margin-right: 4px;
}

.digid-btn {
	position: relative;
	text-transform: inherit;
	padding: 14px 30px 14px 75px;
}

.digid-btn:before {
	content: url('../images/digid-logo.svg');
	height: 50px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 50px;
}

.btn.btn-icon:focus,
.btn.btn-icon:active:focus,
.btn.btn-icon:hover {
	color: #84a830;
}

.btn.btn-icon.modal-icon {
	margin-bottom: 0;
	line-height: inherit;
	vertical-align: inherit;
}

.btn-gchoiceroup.open .dropdown-toggle {
	box-shadow: none;
}

.btn-icon + .form-group {
	padding-left: 60px;
	padding-right: 15px;
}

.dropdown-toggle.btn-default,
.dropdown-menu {
	min-width: 300px;
}

.btn.btn-default.dropdown-toggle.dropdown-button.dropdown-toggle-small,
.dropdown-menu-small {
	min-width: 90px;
	width: 90px;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.dropdown-toggle.btn-default {
	background-color: #fff;
	border-radius: 5px;
	font-family: 'Roboto';
	font-size: 1.5rem;
	font-weight: 300;
	height: 40px;
	padding: 7px 70px 7px 10px;
	position: relative;
	text-align: left;
	text-transform: none;
}

.dropdown-toggle.btn-default.disabled,
.dropdown-toggle.btn-default.disabled:focus,
.dropdown-toggle.btn-default.disabled:hover {
	background-color: #eee;
}

.dropdown-toggle.btn-default .caret {
	border: 0;
	color: #323232;
	position: absolute;
	right: 10px;
}

.dropdown-toggle.btn-default .caret:after {
	content: '\f078';
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 0;
}

.dropdown-menu {
	border-radius: 0;
	border: 2px solid #a1c942;
	box-shadow: none;
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	top: 85%;
}

.dropdown-menu > li > a {
	font-weight: 300;
	padding: 10px;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #323232;
}

.dropdown-toggle .form-control-feedback {
	height: 36px;
	line-height: 36px;
	right: 25px;
}

.multiselect-container > li:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	text-decoration: none;
	background-color: #ecf4d9;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	background-color: #a1c942;
}

.panel-title a.collapsed:before,
.panel-title a.collapsed:before {
	content: '\f067';
}

.dropdown-toggle.btn-default,
.dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:active:hover {
	border: 2px solid #ccc;
}

.dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:hover:not(.disabled),
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
	background-color: #fff;
	border: 2px solid #a1c942;
}

.multiselect-container > li.active {
	background-color: #a1c942;
	color: #fff;
}

.multiselect-container div.checkbox {
	margin: 0;
}

.multiselect-container .checkbox label {
	display: block;
	padding: 10px;
}

.multiselect-container div.checkbox {
	padding: 0 0 0 30px;
}
.multiselect-container div.checkbox label::after {
	top: 10px;
}

.media-left,
.media > .pull-left {
	padding-right: 0;
}

.well {
	background-color: #fff;
	border-radius: 0;
	/*border: 2px solid #eee;*/
	border:none;
	box-shadow: none;
	margin-bottom: 30px;
	min-height: 20px;
	padding: 30px;
}

.well.well-success {
	background-color: #ecf4d9;
	border: 2px solid #ecf4d9;
}

.well.well-error {
	background-color: #fde9cc;
	border: 2px solid #fde9cc;
}

.well.default-well .media {
	min-height: 150px;
	position: relative;
}

.well.default-well .media-body {
	font-size: 1.5rem;
	line-height: 2.4rem;
}

.well.default-well .media-body h2,
.choices-media-section .media-body h2,
.choices-media-section .media-body p {
	margin-bottom: 10px;
}

.well.default-well .media-body .btn-default {
	bottom: 0;
	position: absolute;
}

.step-wells-section .well.default-well .media-body .btn-default {
	position: relative;
}

.step-wells-section.upload-wells-section .well.default-well .media {
	min-height: auto;
}

.step-wells-section.upload-wells-section .well.default-well .input-group,
.step-wells-section.upload-wells-section .well.default-well .media-body .btn-default {
	margin-bottom: 0;
}

.step-wells-section.upload-wells-section .well.default-well .media-body .label-message {
	margin-top: 0;
}

.wells-section .well-content h2 {
	margin-bottom: 5px;
}

.well.default-well .media-body p:not(.navbar-text) {
	margin-bottom: 20px;
}

.choices-media-section .media {
	margin-bottom: 35px;
}

.well.dashboard-well {
	text-align: center;
	position: relative;
	padding: 30px 30px 60px 30px;
}

.wells-section .well.dashboard-well .btn {
	position: absolute;
	bottom: 30px;
	left: 30%;
	right: 30%;
}

.well.primary-well {
	background-color: #eee;
	display: block;
	text-align: center;
}

.well.success-well {
	background-color: #ecf4d9;
	border-color: #ecf4d9;
	display: block;
	padding: 30px 0;
}

.well.not-well {
	background-color: #FEE9CC;
	border-color: #FEE9CC;
	display: block;
	padding: 30px 0;
}

.media .icon-circle {
	border-radius: 50%;
	margin: 0 auto 20px;
	text-align: center;
}

.well.dashboard-well .icon-circle {
	background-color: #eee;
	height: 90px;
	padding: 15px;
	width: 90px;
}

.media .well-image,
.media .icon-circle {
	margin-right: 30px;
}

.media .icon-circle {
	background-color: #fff;
	height: 67px;
	width: 67px;
	position: relative;
}

.media .icon-circle.icon-circle-default {
	border-color: #eee;
}

.well .icon-circle .icon,
.well .icon-circle .icon .number,
.well .icon-circle .icon .fa {
	font-size: 3.6rem;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.well .icon-circle .icon {
	width: 67px;
}

.media .icon-circle .icon .number,
.media .icon-circle .icon .fa {
	float: left;
	width: 100%;
 	padding-top: 25%;
	line-height: 1em;
	text-align: center;
}

.well .media .icon-circle .icon:after, .media .icon-circle .icon:after {
	content: "";
 	display: block;
	-webkit-box-shadow: inset 0 0 0 10px #eee;
	-moz-box-shadow: inset 0 0 0 10px #eee;
	box-shadow: inset 0 0 0 10px #eee;
	background-color: #fff;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.well .media .icon-circle .icon .number,
.well .media .icon-circle .icon .fa {
	float: left;
	width: 100%;
 	padding-top: 50%;
	line-height: 1em;
	margin-top:-0.5em;
	text-align: center;
}

.well .icon-circle .icon .fa {
	margin-top: auto;
	line-height: auto;
	padding-top: calc(50% - 18px);
}

.well .media .icon-circle.icon-circle-checked .icon:after {
	-webkit-box-shadow: inset 0 0 0 10px #a1c942;
	-moz-box-shadow: inset 0 0 0 10px #a1c942;
	box-shadow: inset 0 0 0 10px #a1c942;
}

.well .media .icon-circle.icon-circle-error .icon:after {
	-webkit-box-shadow: inset 0 0 0 10px #f59300;
	-moz-box-shadow: inset 0 0 0 10px #f59300;
	box-shadow: inset 0 0 0 10px #f59300;
}

.choices-media-section .icon-circle .icon .number {
	font-size: 3.6rem;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.media .icon-circle .icon .number {
	color: #ccc;
	font-family: 'Roboto Slab';
	font-weight: 700;
	top: -2px;
}

.well .icon-circle .fa-check {
	color: #a1c942;
}

.well .icon-circle .fa-times {
	color: #f59300;
}

.content p {
	line-height: 2.4rem;
}

.content p:first-of-type {
	margin-bottom: 0;
}

.content a,
.modal a,
.panel-body a {
	color: #84a830;
	font-size: 1.6rem;
}

.content a:focus,
.content a:hover,
.modal a:focus,
.modal a:hover,
.panel-body a:focus,
.panel-body a:hover {
	color: #a1c942;
}

.panel {
	background-color: transparent;
	box-shadow: none;
}

.panel-group .panel+.panel {
	margin-top: 0;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-group:not(.lines) .panel+.panel {
	margin-top: 30px;
}

.panel-group-help:not(.lines) .panel+.panel {
	margin-top: 10px;
}

.panel-group.lines {
	border-bottom: 2px solid #eee;
}

.panel-group.lines .panel-heading {
	border-top: 2px solid #eee;
}

.panel-group.lines .panel-heading > img {
	top: 7px;
	position: absolute;
}

.panel-default {
	border: 0;
}

.panel-default > .panel-heading+.panel-collapse > .panel-body {
	border: 0;
}

.panel-title {
	position: relative;
	display: block;
}

.modal .panel .panel-title,
.content-modal .modal-body {
	text-align: left;
}

.panel-group.lines .panel-title {
	display: inline-block;
}

.panel-group.lines .panel-heading > .panel-title {
	margin-left: 70px;
}

.panel-group.lines .panel-title a {
	position: relative;
}

.panel-group.lines .panel-title a.collapsed {
	top: 0;
}

.panel-group.lines .panel-body {
	padding-left: 90px;
}

.panel-group.lines .panel-collapse.collapse.details {
	overflow: hidden;
	margin-top: -10px;
}

.panel-group.lines .panel-collapse.collapse,
.panel-group.lines .panel-collapse.collapsing {
	position: relative;
	transition: all 0.1s ease 0s;
	-webkit-animation: fadeinout 1s linear forwards;
	animation: fadeinout 1s linear forwards;
}

@-webkit-keyframes fadeinout {
	0%{ opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeinout {
	0%{ opacity: 0; }
	100% { opacity: 1; }
}

.panel-title a {
	color: #a1c942;
	display: block;
	text-decoration: none;
	padding: 0 0 0 20px;
}

.panel-title a:before {
	content: '\f068';
}

.panel-title a:before,
.panel-title a.collapsed:before {
	font-family: 'FontAwesome';
	font-size: 1em;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 2px;
}

.panel-group.lines .panel-title a:before,
.panel-group.lines .panel-title a.collapsed:before {
	top: 0;
}

.panel-title a.collapsed:before,
.panel-title a.collapsed:before {
	content: '\f067';
}

.panel-default > .panel-heading {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: none;
	border: 0;
	padding: 0;
	height: 70px;
	line-height: 70px;
	position: relative;
}

.panel-default-help > .panel-heading {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: none;
	border: 0;
	padding: 0;
	height: 40px;
	line-height: 70px;
	position: relative;
}

.panel-body {
	padding: 0 20px 20px;
}

.panel-body p:last-child {
	margin: 0;
}

.pagination {
	margin: 0;
}

.pagination,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 0;
	border: 0;
}

.pagination > li {
	font-family: 'Roboto Slab';
	font-weight: 700;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #a1c942;
	color: #fff;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	color: #323232;
}

.pagination > li > a,
.pagination > li > span {
	background-color: #eee;
	border: 0;
	margin-left: 10px;
	padding: 9px 30px;
	text-decoration: none;
}

.nav-tabs {
	border-bottom: 2px solid #eee;
	margin-bottom: 50px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #a1c942;
	border: 2px solid #eee;
	border-bottom: 0;
}

.nav-tabs > li {
	margin-bottom: -2px;
	text-transform: uppercase;
}

.nav-tabs > li > a {
	border: 1px solid transparent;
	border-radius: 0;
}

.nav-tabs.nav > li > a {
	padding: 9px 30px;
}

.nav > li > a:focus,
.nav > li > a:hover {
	background: none;
	border-color: transparent;
}

/* Forms */
#personalSituation .form-section {
	margin-top: 40px;
}

#personalSituation .radio {
	padding-top: 9px;
}

.ontrack-specialscenario-section {
	margin-top: 30px;
}

#personalSituation .checkbox label::before,
#personalSituation .checkbox label::after {
	top: 2px;
}

.form-section.end .control-label {
	font-weight: 300;
}

.end legend {
	margin-bottom: 15px;
}

.intro-section+.form-section > .container > .row > .col-md-12 > legend {
	margin-top: 30px;
}

.form-group+legend {
	margin-top: 20px;
}

.form-section.end .form-group .radio:last-of-type {
	margin-bottom: 10px;
}

.form-section.end .form-group.multiple-buttons-align {
	margin: 30px 0;
}

.form-horizontal {
	margin-bottom: 30px;
}

.form-horizontal:not(.uneditable-form) .control-label,
.form-horizontal .checkbox {
	padding-top: 10px;
}

.form-horizontal .control-label {
	text-align: left;
	font-weight: 700;
}

.form-horizontal .control-label .btn-icon .explanation-popup {
	margin: 0;
}

.form-horizontal.uneditable-form .control-label {
	font-weight: 300;
}

.form-horizontal .radio,
.form-horizontal .checkbox.checkbox-inline {
	padding-top: 0;
}

.form-horizontal .checkbox.checkbox-inline {
	padding-left: 25px;
	padding-bottom: 10px;
}

.form-group {
	margin-bottom: 0;
}

.form-group.form-group-login {
	margin: 0 auto 30px;
	max-width: 375px;
}

.form-group.toggle {
	display: none;
	-webkit-animation: fadein 0.8s;
	-moz-animation: fadein 0.8s;
	-ms-animation: fadein 0.8s;
	-o-animation: fadein 0.8s;
	animation: fadein 0.8s;
}

@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

.form-group.toggle.visible {
	display: inline-block;
}

.form-group + hr {
	margin-top: 15px;
}

.form-group .radio:last-of-type {
	margin-bottom: 15px;
}

hr + legend {
	margin-top: 30px;
}

hr#partnerinformationhr {
	margin-bottom: 30px;
}

.form-control {
	border: 2px solid #ccc;
	box-shadow: none;
	color: #323232;
	font-family: 'Roboto';
	font-size: 1.5rem;
	height: 40px;
	padding: 7px 10px;
}

.form-control,
.input-group {
	margin-bottom: 10px;
}

.form-inline .input-group {
	margin-bottom: 0;
}

.form-control+span,
.form-control+span+span {
	margin-left: 9px;
}

.form-control.strong {
	font-size: 1.7rem;
}

.form-control::-moz-placeholder {
	color: #ccc;
}

.form-control:-ms-input-placeholder {
	color: #ccc;
}

.form-control::-webkit-input-placeholder {
	color: #ccc;
}

.form-control-feedback {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
}

form .form-group span.amount,
form .form-group span.euro {
	display: inline-block;
}

table tbody tr td > .form-group label.strong:first-of-type {
	vertical-align: middle;
}

.capital-form-section .col-md-12.col-left-0 {
	padding-left: 0;
}

.capital-form-section input + .form-group {
	margin-left: 0;
}

.error-message {
	color: #e7494a;
	display: block;
	font-family: 'Roboto';
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.4rem;
}

.error-message > span {
	padding: 10px 0;
	display: inline-block;
}

.error-message.error-message-tdLeft {
	padding-left: 15px;
}

.error-message.error-message-pLeft {
	padding-left: 13px;
	margin-left: 0;
}

.form-control+span+.error-message {
	margin-left: 0;
}

.error-message.error-message-pLeftPensionEx {
	margin: 0 0 0 135px;
}

.error-message.error-message-pLeftPensionEx p {
	margin: 0;
	padding: 0;
}

.error-message.error-message-tdRight {
	padding-right: 15px;
}

.has-success .control-label,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label,
.has-error .control-label,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.has-warning .control-label,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
	background-color: transparent;
	color: inherit;
}

.has-success .input-group-addon,
.has-error .input-group-addon,
.has-warning .input-group-addon {
	background-color: inherit;
	color: #a1c942;
}

.has-success .form-control,
.has-warning .form-control {
	border-color: #ccc;
}

.has-success .form-control-feedback,
.dropdown-toggle .form-control-feedback.has-success,
.input-group.datepicker-group .form-control-feedback.has-success {
	color: #a1c942;
}

.has-error .form-control-feedback,
.has-error .error-message,
.has-error.dropdown-toggle,
.open > .has-error.dropdown-toggle,
.dropdown-toggle .form-control-feedback.has-error {
	color: #e7494a;
}

.has-error .form-control,
.has-error.dropdown-toggle.btn-default {
	border-color: #e7494a;
}

.has-error .form-control:hover,
.has-error.dropdown-toggle.btn-default:hover {
	border-color: #e01d1f;
}

.has-error .error-message p {
	margin: -5px 0 5px;
}

.has-warning .form-control-feedback,
.dropdown-toggle .form-control-feedback.has-warning,
.input-group.datepicker-group .form-control-feedback.has-warning {
	color: #e7494a;
}

.form-horizontal .form-control-xs,
.form-inline .form-control-xs,
.form-control-xs {
	width: 45px;
}

.form-horizontal .form-control-sm,
.form-inline .form-control-sm,
.form-control-sm {
	width: 64px;
}

.form-horizontal .form-control-md,
.form-inline .form-control-md,
.form-control-md {
	width: 115px;
}

.form-horizontal .has-feedback .form-control-xs+.form-control-feedback,
.form-horizontal .has-feedback .form-control-md+.form-control-feedback {
	height: 40px;
	line-height: 40px;
	margin-left: 0;
	padding-right: 0;
}

.form-horizontal .has-feedback .form-control-xs+.form-control-feedback {
	left: 51px;
}

.form-horizontal .has-feedback .form-control-md+.form-control-feedback {
	left: 108px;
}

.has-feedback .form-control {
	padding-right: 10px;
}

.has-feedback label~.form-control-md+.form-control-feedback {
	top: 0;
}

.money-cell,
.form-horizontal .form-control-xs.money-cell,
.form-inline .form-control-xs.money-cell,
.form-control-xs.money-cell ,
.form-horizontal .form-control-md.money-cell,
.form-inline .form-control-md.money-cell,
.form-control-md.money-cell,
.form-horizontal .form-control-sm.money-cell,
.form-inline .form-control-sm.money-cell,
.form-control-sm.money-cell {
	width: 90px;
}

.lg-name-input {
	min-width: 285px;
	width: auto;
}

.form-control-inline-block {
	display: inline-block;
}

table .form-control {
	margin-bottom: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

.uneditable {
	padding-top: 7px;
	margin-bottom: 0;
	font-weight: 700;
}

.help-block {
	margin-top: 30px;
	color: #323232;
}

.input-group.datepicker-group {
	width: 110px;
	font-weight: 300;
}

.form-control,
.input-group .form-control:first-child {
	border-radius: 5px;
}

.has-succes .form-control,
.has-error .form-control,
.has-warning .form-control {
	box-shadow: none;
}

.form-control:hover,
.form-control:focus,
.has-success .form-control:focus,
.has-error .form-control:focus,
.has-warning .form-control:focus {
	border-color: #a1c942;
	box-shadow: none;
}

.form-control:focus {
	box-shadow: none;
}

.input-group-addon {
	background: none;
	border-radius: 0;
	border: none;
	color: #a1c942;
	font-size: 2rem;
	padding: 6px 12px;
}

.input-group-addon:hover {
	color: #84a830;
}

#uploadForm .input-group-btn {
	display: table;
}

#uploadForm .input-group-btn .tool-text {
	display: table-cell;
	vertical-align: middle;
}

.input-group-btn.label-message-visible {
	font-size: 16px;
}

.input-group-btn.label-message-visible div {
	display: table-cell;
	vertical-align: middle;
}

.input-group-btn.label-message-visible #validationResult.label-message,
.input-group-btn.label-message-visible #noConnection.label-message {
	color: #f59300;
	font-family: 'Roboto Slab';
	line-height: 40px;
}

.input-group-btn.label-message-visible #uploadSuccess.label-message {
	color: #a1c942;
	font-family: 'Roboto Slab';
	line-height: 40px;
}

.input-group-btn.label-message-visible #validationResult.label-message:before,
.input-group-btn.label-message-visible #noConnection.label-message:before,
.input-group-btn.label-message-visible #uploadSuccess.label-message:before {
	content: "\f00d";
	font-family: 'FontAwesome';
	color: #f59300;
	padding-right: 5px;
	font-size: 18px;
	display: table-cell;
	width: 20px;
}

.input-group-btn.label-message-visible #uploadSuccess.label-message:before {
	color: #a1c942;
	content: "\f00c";
}

.input-group-btn.label-message-visible #uploadButton {
	display: table-cell;
	vertical-align: text-bottom;
}

.input-group-btn.label-message-visible .label-message {
	width: 700px;
	margin-left: 40px;
	margin-top: 0;
	white-space: pre-line;
	vertical-align: top;
	height: 40px;
	line-height: 19px;
	font-weight: bold;
	display: inline-table;
}

.daterangepicker.dropdown-menu {
	border-color: #ccc;
	margin-top: 1px;
	width: 294px;
}

.daterangepicker .calendar {
	margin: 0;
	max-width: inherit;
	padding: 0;
}

.daterangepicker.openscenter:before,
.daterangepicker.openscenter:after {
	content: none;
}

.daterangepicker.ltr .calendar.left .calendar-table {
	padding: 10px;
}

.daterangepicker .calendar-table {
	border-radius: 0;
	border: 0;
	min-width: 290px;
	padding: 0;
}

.daterangepicker th.prev,
.daterangepicker th.next {
	color: #a1c942;
}

.daterangepicker th.prev:hover,
.daterangepicker th.next:hover {
	background: none;
	color: #84a830;
}

.daterangepicker td.available:hover {
	background-color: #eee;
	color: #a1c942;
}

.daterangepicker td,
.daterangepicker th,
.daterangepicker td.start-date.end-date {
	border-radius: 0;
	height: 23px;
	width: 36px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #a1c942;
	color: #fff;
}

.daterangepicker .table-condensed > thead > tr:first-child > th {
	padding: 10px 0;
}

.daterangepicker th.month {
	font-weight: 700;
	font-size: 1.8rem;
}

.daterangepicker .table-condensed > tbody > tr > td {
	padding: 0;
}

.daterangepicker th {
	font-weight: 300;
}

.daterangepicker td {
	color: #a1c942;
	font-family: 'Roboto Slab';
	font-weight: 700;
	font-size: 1.6rem;
}

.daterangepicker td.off {
	color: #ccc;
}

.tooltip {
	font-family: 'Roboto';
	font-size: 15px;
	font-weight: 300;
	min-width: 100px;
	max-width: 200px;
	text-align: center;
	white-space: pre-wrap;
	-webkit-animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-ms-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	animation: fadein 0.5s;
}

.tooltip.top .tooltip-inner {
	background-color: #888;
	border-radius: 0;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #888;
}

.slider .tooltip {
	max-width: inherit;
	margin-top: 0;
	padding: 0;
	top: 20px !important;
}
.slider .tooltip.in {
	opacity: 1;
}

.slider .tooltip-inner {
	background: none;
	border-radius: 0;
	color: #323232;
	padding: 0;
}

.slider .tooltip-arrow {
	border: none;
}

.slider.slider-horizontal {
	width: 100%;
}

.slider.slider-horizontal .slider-track {
	height: 2px;
}

.slider-selection,
.slider-track,
.slider-selection.tick-slider-selection,
.slider-tick.in-selection {
	background: #a1c942;
	box-shadow: none;
}

.slider-handle {
	cursor: pointer;
	width: 20px;
	height: 20px;
	top: -5px;
	background-image: none;
	background-color: #a1c942;
	display: table;
}

.slider-handle:after {
	text-align: center;
	color: #fff;
	content: '\f0dc';
	display: table-cell;
	font-family: 'FontAwesome';
	font-size: 1.4rem;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	vertical-align: middle;
	width: 20px;
	height: 20px;
	padding-top: 1px;
}

.slider-tick {
	background-color: #a1c942;
	background-image: none;
	border: none;
	box-shadow: none;
	height: 8px;
	top: 2px;
	width: 8px;
	-webkit-box-shadow: none;
	opacity: 1;
}

.result {
	margin-bottom: 50px;
}

.result .slider .slider-track {
	background-color: #eee;
	height: 9px;
}

.result .slider.slider-disabled .slider-track,
.result .slider.slider-disabled .slider-handle {
	cursor: default;
}

.result .slider.slider-disabled .slider-handle {
	background: #a1c942;
}

.result .slider.slider-disabled .slider-handle {
	top: -1px;
}

.result .slider.slider-disabled .slider-handle:before {
	content: '';
}

.result .slider.slider-disabled .slider-handle:after {
	content: '';
}

.slider-tick-container .slider-tick.round:first-of-type,
.slider-tick-container .slider-tick.round:last-of-type {
	display: none;
}

/* Widget amount needed */
#widget_amount-needed {
	position: relative;
	height: 200px;
	margin-top: 20px;
}

#step_1 {
	display: block;
	height: 155px;
}

#step_2 {
	display: none;
	height: 155px;
}

#bar,
#amount,
#age,
#wallet,
#pointer {
	position: absolute;
}

#bar {
	font-size: 0;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: #ecf4d9;
	top: 111px;
}

#progress-bar {
	position: absolute;
	height: 10px;
	background: #a1c942;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 111px;
	z-index: 0;
}

#amount {
	display: none;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	width: auto;
	top: 44px;
	left: 0;
}

#age {
	display: none;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	width: 100px;
	text-align: center;
	top: 131px;
	left: 0;
}

#wallet {
	display: none;
	font-size: 0;
	width: 100px;
	height: 100px;
	top: 3px;
	left: 0;
}

#pointer {
	display: none;
	font-size: 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #a1c942;
	top: 108px;
	left: 0;
}

.navbar {
	border-radius: 0;
	margin-bottom: 22px;
	min-height: 42px;
	position: relative;
}

.navbar-nav > li > a {
	display: inline-block;
	padding: 0;
}

.navbar-toggle {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	margin-right: 0;
 }

.navbar-toggle .icon-bar {
	background-color: #eee;
}

.navbar-brand {
	height: inherit;
	line-height: 1em;
	min-width: 480px;
	padding: 6px 0 2px;
}

.ot-brand {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
}

.ot-brand:after {
	bottom: 0;
	color: #a1c942;
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 0.5rem;
	position: absolute;
	right: 0;
}

.navbar-right {
	font-size: 1.3rem;
	line-height: 3rem;
	padding: 7px 0;
}

.navbar-right.nav > li:not(:last-child) {
	margin-right: 20px;
}

.navbar-right .nav > li > a {
	padding: 0;
}

/* Nav wizard */
.nav-pills.nav-wizard {
	margin-top: 16px;
}

.nav-pills.nav-wizard > li > a,
.nav-pills.nav-wizard > li > span {
	line-height: 2rem;
	padding: 10px 20px;
	display: block;
}

.nav-pills.nav-wizard > li:before {
	top: 0;
}

.nav-pills.nav-wizard > li:after {
	bottom: 0;
}

.nav-pills.nav-wizard > li {
	border-left: 12px solid transparent;
	font-size: 1.6rem;
	overflow: visible;
	position: relative;
}

.nav-pills.nav-wizard > li:first-child {
	border-left: 0;
}

.nav-pills.nav-wizard > li:last-child {
	border-right: 0;
}

.nav-pills.nav-wizard > li a,
.nav-pills.nav-wizard > li:not(.active) span {
	border-radius: 0;
	background-color: #eee;
}

.nav-pills.nav-wizard > li:not(:first-child) span:before,
.nav-pills.nav-wizard > li:not(:last-child) span:after {
	border-style: solid;
	border-width: 20px 0 20px 10px;
	content: '';
	position: absolute;
	z-index: 10;
}

.nav-pills.nav-wizard > li:not(:first-child) span:before {
	border-color: #eee transparent;
	left: -10px;
	top: 0;
}

.nav-pills.nav-wizard > li:not(:last-child) span:after {
	border-color: transparent transparent transparent #eee;
	bottom: 0;
	right: -10px;
}

.nav-pills.nav-wizard > li.active a {
	background-color: #a1c942;
	color: #fff;
}

.nav-pills.nav-wizard > li.active:not(:last-child) span:before,
.nav-pills.nav-wizard > li.active.last span:before {
	border-color: #a1c942 transparent;
}

.nav-pills.nav-wizard > li.active:not(:last-child) span:after,
.nav-pills.nav-wizard > li.active.last span:after {
	border-color: transparent transparent transparent #a1c942;
}

.nav-pills.nav-wizard > li.current a {
	background-color: #779d1c;
}

.nav-pills.nav-wizard > li.active.current span:before,
.nav-pills.nav-wizard > li.active.last.current span:before {
	border-color: #779d1c transparent;
}

.nav-pills.nav-wizard > li.current.active span:after,
.nav-pills.nav-wizard > li.current.last span:after {
	border-color: transparent transparent transparent #779d1c;
}

.intro-image {
	width:100%
}

.side-image {
	margin: 0 auto 30px;
	text-align: center;
}

.side-image img {
	width: 165px;
	height: 200px;Ï
}

.error-image .side-image {
	width: 70%;
}

/* Pension widget */
#graph-result {
	display: none;
	opacity: 0;
}

.fill-graph div {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.graph {
	position: relative;
	height: 180px;
	margin-bottom: 30px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	left: 2%;
}

.ontrack-focuspoint-section .graph,
.ontrack-focuspoint-section .graph.filled {
	margin-left: 36px;
	width: auto;
}

.ontrack-focuspoint-section .graph.incomplete {
	margin-left: 21px;
}

.ontrack-focuspoint-section-action .action-panel {
	padding: 10px 0;
}

.ontrack-focuspoint-section-action .row.button-row {
	margin-top: 30px;
}

.graph.fill-graph {
	overflow: visible;
}

.graph.filled {
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	left: 9%;
}

.graph-flag-wrapper {
	height: 50px;
	margin: 10px auto;
}

.graph-flag {
	background-color: #d0e4a0;
	display: inline-block;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 24px;
	line-height: 50px;
	font-weight: 700;
	text-align: left;
}

#graph-flag-percentage {
	position: absolute;
	bottom: -22px;
}

.graph-flag.filled {
	left: 20px;
}

.graph-flag.in-progress {
	background-color: #cfcfcf;
}

.graph-flag.incomplete {
	background-color: #f2c077;
}

.graph-flag.complete,
.graph.fill-graph.in-progress.complete .circle {
	background-color: #d0e4a0;
}

.circle {
	position: absolute;
	width: 160px;
	height: 160px;
	margin: 0;
	border-radius: 80px;
	background: #dadada;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 10;
}

.graph.fill-graph.in-progress.incomplete .circle {
	background: #f8d19a;
}

.graph.fill-graph.in-progress.complete .circle .fill-2 {
	background-color: #a1c942;
}

.graph img {
	position: absolute;
	top: 33px;
	right: 33px;
	left: 33px;
	z-index: 12;
}

.graph-container {
	position: relative;
}

.graph-wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 100%;
	margin-bottom: 30px;
}

.graph .wallet-image {
	background: url('../images/wallet-white.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 100;
}

.graph.incomplete .wallet-image {
	background: url('../images/wallet-orange.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 100;
	transition: all 0.4s;
}

.graph.complete .wallet-image {
	background: url('../images/wallet.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 100;
	transition: all 0.4s;
}

.halfcircle {
	position: absolute;
	width: 220px;
	height: 160px;
	border-radius: 80px 0 0 80px;
	overflow: hidden;
	top: 20px;
	left: 0;
}

.fill,
.fill-2 {
	position: absolute;
	background-color: #00a0dd;
	width: 100%;
	height: 0;
	bottom: 0;
	z-index: 10;
}

.fill-2 {
	z-index: 8;
	background-color: #a1c942;
}

.graph.in-progress .fill-2 {
	background-color: #c0c0c0;
}

.graph.in-progress.incomplete .fill-2 {
	background-color: #f59300
}

.indicator1 {
	position: absolute;
	bottom: -10%;
	width: 100%;
	height: 0%;
	border-top: 3px solid #a1c942;
	z-index: 10;
}

.graph.in-progress .indicator1 {
	border-top: 3px solid #c0c0c0;
}

.graph.in-progress.incomplete .indicator1 {
	border-top: 3px solid #f59300;
}

.graph.in-progress.complete .indicator1 {
	border-top: 3px solid #a1c942;
}

.label-wrapper {
	width: 100%;
	height: 160px;
	position: absolute;
	top: 8px;
}

.graph-label {
	position: absolute;
	left: 190px;
	bottom: -30px;
	font-size: 18px;
	left: 75%;
}

.graph-legend ul {
	-webkit-padding-start: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.legend-indicator1,
.legend-indicator2,
.legend-indicator3 {
	width: 50px;
	height: 10px;
	display: inline-block;
}

.legend-indicator1 {
	border-top: 3px solid #a1c942;
}

.legend-amount {
	display: inline-block;
	margin-left: 10px;
}

.oval {
	width: 130px;
	height: 30px;
	border-radius: 130px / 30px;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(170,170,170,0.22) 34%, rgba(127,127,127,0.27) 42%, rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(170,170,170,0.22) 34%, rgba(127,127,127,0.27) 42%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(170,170,170,0.22) 34%, rgba(127,127,127,0.27) 42%, rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	position: absolute;
	bottom: 0;
	left: 5%;
	opacity: 0.7;
}

.graph .halfcircle {
	left: 25%;
}

.graph.filled .halfcircle {
	left: 10%;
	height: 250px;
}

.ontrack-result-section .oval {
	left: 29%;
}

.graph.filled .oval {
	left: 21.5%;
}

.graph .indicator1 {
	width: 172px;
}

.graph.filled .oval {
	left: 15.5%;
}

.graph-label {
	left: 75%;
}

footer .footer-content {
	background-color: #eee;
	text-align: center;
}

footer .footer-content ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

footer .footer-content ul li {
	display: inline;
	font-family: Arial;
	font-size: 1rem;
	text-transform: uppercase;
}

footer .footer-content ul li:not(:last-child) {
	margin-right: 15px;
}

footer .footer-content ul li,
footer .footer-content ul li a {
	color: #7b7b7b;
}

/* Media queries */
@media (min-width : 768px) {

	.navbar-right {
		margin-right: 15px;
	}

	.modal-dialog {
		width: 500px;
	}

	.content-modal:not(.modal-short-message) .modal-dialog {
		width: 945px;
		margin-top: 60px;
	}

	.dropdown-navbar .dropdown-toggle.btn-default,
	.dropdown-navbar .dropdown-menu {
		min-width: 400px;
	}

	.input-half,
	.form-inline .form-control.input-half {
		width: 50%;
	}

	.input-medium,
	.form-inline .form-control.input-medium {
		width: 350px;
	}
}

@media only screen and (max-width : 992px) {
	#page-wrap {
		display: none;
	}
	#resolution-error {
		display: block;
	}
}

@media only screen and (min-width : 992px) {
	#resolution-error {
		display: none;
	}

	.intro-image {
		background-repeat: no-repeat;
		background-size: cover;
		flex-grow: 1;
		min-height: 440px;
	}

	.tab-content .row [class*='col-']:not(:last-child):after {
		background-color: #eee;
		bottom: 20px;
		content: '';
		display: block;
		min-height: 50px;
		position: absolute;
		right: 0;
		top: 0;
		width: 2px;
	}

	.nav-pills.nav-wizard {
		display: table;
		width: 100%;
	}

	.nav-pills.nav-wizard li {
		display: table-cell;
		float: none;
		white-space: nowrap;
	}
}

@media only screen and (max-width : 1024px) {
	.navbar-brand {
		min-width: 335px;
	}
}

@media only screen and (min-width : 1200px) {

	.vertical-align .intro {
		padding: 0 80px;
	}

	.vertical-align {
		display: flex;
		flex-direction: row;
	}

	.vertical-align > [class^="col-"],
	.vertical-align > [class*=" col-"] {
		display: flex;
		align-items: center;
	}

}

#planner {
	margin: 0 0 30px;
	border: 1px solid #ddd;
	border-top: none;
	border-right: none;
	position: relative;
	left: 70px;
}

#plannerYears {
	position: relative;
	top: -23px;
	left: 73px;
	color: #323232;
	font-size: 1.2em;
	font-weight: bold;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

#plannerYears ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

#plannerYears ul li {
	display: table-cell;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: none;
	margin: 0;
	padding: 0;
}

#plannerYears ul li p {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#showNet {
	display: block;
	position: relative;
	float: left;
	margin-left: 0;
}

#planner-wallet {
	position: absolute;
}

#planner-wallet img {
	width: 45px;
	position: absolute;
	left: 20px;
	top: 265px;
}

#planner-line {
	color: #323232;
	font-size: 1.2em;
	font-weight: bold;
	height: 27px;
	position: relative;
	pointer-events: none;
	top: 275px;
	padding-left: 5px;
	border: 3px dashed #888;
	border-top: none;
	border-right: none;
	border-left: none;
	z-index: 3;
}

#planner-toggle {
	cursor:pointer;
	cursor:hand;
}

#planner-legend-header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 5px 10px;
}

.planner-toggle-indicator {
	background: #f6f6f6 url('/assets/images/accordionBlink.svg') no-repeat;
	width: 35px;
	height: 35px;
	float: right;
	margin: 4px 8px 0 0;
}

.planner-toggle-indicator-open {
	background: #f6f6f6 url('/assets/images/accordion.svg') no-repeat;
	transform: rotate(180deg);
	width: 35px;
	height: 35px;
	float: right;
	margin: 4px 8px 0 0;
}

#planner-legend-toggle {
	display: none;
}

.planner-legend {
	padding: 4px 10px;
	background: #F7F4F4;
	border-radius: 5px;
	margin-top: 5px;
	min-height: 37px;
}

.planner-legend p {
	font-size: 1em;
	padding: 0 0 0 24px;
	margin: 0 0 0 15px;
}

.planner-legend h2 {
	font-size: 1.4em;
	margin: 5px 0 0 3px;
}

.planner-legend-color {
	float: left;
	width: 25px;
	height: 25px;
	background: #F7F4F4;
	border-radius: 5px;
	margin-top: 6px;
}

.planner-legend-administration + .planner-legend-administration {
	margin-top: 8px;
}

#planner-net-info {
	display: none;
}

.graph-block {
	margin: 2px;
	border-radius: 5px;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.graph-funding {
	background: url("/assets/images/walletGreenSmall.png") no-repeat;
}

.graph-salary, .graph-salarypartner {
	background: #aed74b;
}

.graph-pensionlegend {
	background: #5d69bb;
}

.graph-pensiontotal {
	background: #5d69bb;
}

.graph-pension {
	background: #467d5e;
	z-index: 1;
}

.graph-highLow {
	background: #51cd89;
	z-index: 1;
}

.graph-aow {
	background: #6493c9;
	z-index: 1;
}

.graph-aowbridge {
	background: #64c9a9;
	z-index: 1;
}

.graph-inflexible {
	background: #7f548a;
	z-index: 1;
}

.graph-pensionpartner {
	background: #e18928;
	z-index: 1;
}

.graph-pensionexpartner {
	background: #d3d3d3;
	z-index: 1;
}

.graph-savings {
	background: #edc92a;
	z-index: 1;
}

.graph-investments {
	background: #ffcc99;
	z-index: 1;
}

.graph-annuity {
	background: #ede52a;
	z-index: 1;
}

.graph-extraincome {
	background: #0033cc;
	z-index: 1;
}

.graph-netsalary {
	background: #d6cfb3;
	z-index: 1;
}

.graph-netpension {
	background: #d6cfb3;
	z-index: 1;
}

#planner-net-income {
	display: none;
}

#pensionAgeYearsSlider,
#netPensionSlider {
	height: 3px;
	border: none;
	background: #939393;
	margin: 10px 30px 0 10px;
	width: 320px;
	float: left;
}

#pensionAgeYearsSlider .ui-slider-handle,
#netPensionSlider .ui-slider-handle {
	color: #000;
	border: none;
	text-decoration: none;
	outline: 0;
	top: -14px;
	height: 32px;
	width: 32px;
}

#pensionAgeYearsSelects {
	margin-bottom: 40px;
	display: block;
}

#pensionAgeYearsSelects .col-md-5 {
	padding-left: 0;
}

#pensionNetSelect {
	margin-bottom: 30px;
}

#pensionAgeYearsText {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	margin-left: -22px;
	width: 75px;
	padding-top: 35px;
}

#targetIncomeText {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	margin-left: -22px;
	width: 75px;
	padding-top: 35px;
}

.planner-choice.indent label {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -16px;
}

.planner-choice.indent {
	margin-left: 16px;
}

#minimumAge {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: 17px;
	position: relative;
}

#maximumAge {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: -38px;
	position: relative;
}

#minimumNetPension {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: 17px;
	position: relative;
}

#maximumNetPension {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: -45px;
	position: relative;
}

.disabled h2, .disabled p, .disabled span {
	color: #aaa !important;
}

.dialog-ontrack {
	position: absolute;
	z-index: 3000;
	top: 100px;
	width: 100%;
}
.dialog-ontrack > div {
	background-color: #fff;
	margin: 242px auto 0 auto;
	padding: 20px;
	width: 340px;
	height: 96px;
	border-radius: 5px;
	border: 1px solid #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323232;
	font-size: 1.8em;
}

.dialog-ontrack > div > div {
	height: 70px;
}

.dialog-ontrack .button {
	margin-right: 0;
	margin-left: 10px;
}

#belowthreshold {
	display: none;
}

.choicesForm h1,
#planner-net-info h1 {
	font-size: 1.6em;
	margin-bottom: 10px;
}

.planner-choice p {
	margin-bottom: 10px;
}

.bridge p span.radio {
	margin: 0;
}

section.ontrack-focuspoint-section {
	margin-bottom: 0;
}

.ontrack-focuspoint-section-action hr {
	margin: 10px 0 10px 0;
}

.ontrack-focuspoint-section-action h4 {
	color: #a1c942;
}

.ontrack-focuspoint-section .graph.filled.graph-fill-immediate {
	left: -38px;
}

.ontrack-focuspoint-section .graph.in-progress .halfcircle {
	left: 0%;
}

.ontrack-focuspoint-section .graph.in-progress .label-wrapper2 {
	width: 100%;
	height: 160px;
	position: absolute;
	top: 0;
}

.ontrack-focuspoint-section .graph.in-progress .graph-label2 {
	position: absolute;
	left: 180px;
	bottom: 0;
	font-size: 18px;
}

.ontrack-focuspoint-section .graph.in-progress .indicator1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0%;
	border-top: 3px solid #F59300;
	z-index: 10;
}

/* error icons disabled */
.ontrack-input-owner-section .fa.fa-times.has-error {
	display: none;
}

.ontrack-focuspoint-section .graph.filled .halfcircle {
	left: 10%;
	bottom: 10px;
}

.ontrack-focuspoint-section .graph.filled .label-wrapper2 {
	width: 100%;
	height: 160px;
	position: absolute;
	bottom: 190px;
}

.ontrack-focuspoint-section .graph.filled .graph-label2 {
	position: absolute;
	left: 190px;
	top: 0;
	font-size: 18px;
}

.indicator2 {
	position: absolute;
	width: 95%;
	height: 0%;
	border-top: 3px solid #a1c942;
	z-index: 10;
}

table span.form-group {
	width: 100%;
}

input.small {
	width: 50px;
	font-size: 14px;
}

.choices-media-section .col-md-11 {
	padding-left: 0;
}

.educationImage {
	width: 90px;
	height: 97px;
}

.actionImage {
	width: 70px;
}

.riskImage {
	width: 50px;
}

.mobile-error,
.tablet-error {
	z-index:9999;
	width:100vw;
	height:100vh;
}

.mobile-error img {
	max-width: 272px;
	width: 100%;
	margin-bottom: 40px;
}

img.wallet-img-error {
	max-width: 142px;
}

.tablet-error img {
	max-width: 132px;
	width: 100%;
	margin-bottom: 40px;
}

.tablet-error p,
.mobile-error p {
	margin-top:25px;
}

#scrollArea h1 {
	display: none;
}

.ontrack-input-owner-section .form-group p {
	line-height: 36px;
}

.ontrack-specialscenario-section .checkbox-inline label {
	padding: 0 0 0 3px;
	margin-top: -5px;
}

.hide {
	display: none;
}

.height_155 {
	height: 155px
}
.pageCount {
	font-family:Arial;
	font-size:12px
}

.getPdfLogo {
	width:2cm;
	float:right;
}
.askTrackingApproval {
	width: auto;
	float: none;
	margin-left: 10px;
}

.printPointer {
	left: 182px;
	display: block;
}

.printBar {
	left:0%;
	width:100%;
}

.printAmount {
	left: 230px;
	display: block;
}

.printAge {
	left: 140px;
	display: block;
}

.printWallet {
	left: 160px;
	display: block;
}

.printAmount1 {
	left: 530px;
	display: block;
}

.printAge1 {
	left: 440px;
	display: block;
}

.printWallet1 {
	left: 450px;
	display: block;
}

.printPointer1 {
	left: 475px;
	display: block;
}

.bottom_99p {
	bottom: 99%;
}

.top_0p {
	top: 0%;
}

.margin-left-10px {
	margin-left: 10px
}

.text-decoration-underline {
	text-decoration: underline;
}

.row.matchHeight::before {
    content: unset;
}

.matchHeight {
	clear: both;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-auto-rows: 1fr;
}
.col3 {
	grid-template-columns: 33% 33% 33%;
}
.col4 {
	grid-template-columns: 25% 25% 25% 25%;
}

.matchHeight > div {
	display: flex;
    flex-basis: 20%;
    flex-grow: 1;
	flex-direction: column;
	margin: 10px;
    border: 2px solid #eee;
}