html,
body {
	scroll-behavior: smooth;
	background-color: #f1edeb;
}

#main {
	background-color: #FFF;
}

#service {
	padding: 15px 20px;
}

#service hr {
	border-color: #DDD;
}

#service .serviceBlock i {
	padding: 0 25px;
}

div.vue-input-label>label,
div.vue-input>span.value {
	line-height: 30px;
	margin: 0 0 10px;
}

div.vue-input {
	position: relative;
	margin: 2px 0;
}

div.vue-input-label>div.data>div.vue-input>div.spacer {
	padding-right: 40px;
}

div.vue-input>span.value {
	padding: 0 8px;
}

div.vue-input div.vue-info.hidden {
	display: none;
}

div.vue-input div.vue-info {
	position: absolute;
	cursor: help;
	top: 0;
	right: 0;
	left: 0;
	height: 0;
	font-size: 13px;
	background-color: #345;
	color: #000000;
}

div.vue-input.display div.vue-info {
	display: none;
}

div.vue-input div.vue-info p {
	font-size: 14px;
}

div.vue-input div.vue-info>span.icon {
	font-size: 20px;
	opacity: .1;
	float: right;
	margin: 9px;
}

div.vue-input div.vue-info>span.icon.valid {
	opacity: .5;
}

div.vue-input.focus div.vue-info>span.icon,
div.vue-input div.vue-info:hover>span.icon {
	opacity: .4;
}

div.tip.error>span.icon,
div.vue-input div.vue-info>span.icon.invalid {
	opacity: .7;
}

div.vue-input.focus div.vue-info>span.icon.invalid,
div.vue-input div.vue-info:hover>span.icon.invalid {
	opacity: 1;
}

div.vue-input div.vue-info>div.popover {
	border: none;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.35);
	display: block;
	z-index: 1020;
	margin: 0;
	padding: 0;
	top: auto;
	bottom: -60px;
	left: 0;
	right: 0;
	opacity: 0;
	height: 0;
	max-width: none;
	transition: bottom 0.28s ease 0.12s, height 0.32s ease 0.08s, opacity 0.2s ease 0.2s;
	overflow: hidden;
}

div.vue-input.focus.invalid.dirty:not(.active)>div.spacer>div.vue-info>div.popover,
div.vue-input.focus.invalid.dirty:not(.active)>div.vue-info>div.popover,
div.vue-input.focus.invalid:not(.pristine):not(.active)>div.spacer>div.vue-info>div.popover,
div.vue-input.focus.invalid:not(.pristine):not(.active)>div.vue-info>div.popover,
div.vue-input>div.spacer>div.vue-info:focus>div.popover,
div.vue-input>div.vue-info:focus>div.popover,
div.vue-input>div.spacer>div.vue-info:hover>div.popover,
div.vue-input>div.vue-info:hover>div.popover {
	opacity: 1;
	bottom: 6px;
	height: auto;
	overflow: visible;
}

div.vue-input div.vue-info:hover>div.popover {
	z-index: 1021;
}

div.vue-input div.vue-info>div.popover>div.arrow {
	bottom: -11px;
	right: 8px;
	border-top-color: rgba(0, 0, 0, .15);
	border-bottom-width: 0;
}

div.vue-input div.vue-info>div.popover>div.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #ffffff;
	border-bottom-width: 0;
}

@media (min-width: 767px) {

	div.vue-input div.vue-info>div.popover {
		bottom: auto;
		left: auto;
		top: -4px;
		width: 0;
		transition: right 0.28s ease 0.12s, width 0.32s ease 0.08s, opacity 0.2s ease 0.2s;
	}

	div.vue-input.focus.invalid.dirty:not(.active)>div.spacer>div.vue-info>div.popover,
	div.vue-input.focus.invalid.dirty:not(.active)>div.vue-info>div.popover,
	div.vue-input.focus.invalid:not(.pristine):not(.active)>div.spacer>div.vue-info>div.popover,
	div.vue-input.focus.invalid:not(.pristine):not(.active)>div.vue-info>div.popover,
	div.vue-input>div.spacer>div.vue-info:focus>div.popover,
	div.vue-input>div.vue-info:focus>div.popover,
	div.vue-input>div.spacer>div.vue-info:hover>div.popover,
	div.vue-input>div.vue-info:hover>div.popover {
		bottom: auto;
		top: -4px;
		width: 290px;
		right: -300px;
	}

	div.vue-input div.vue-info>div.popover>div.popover-content {
		width: 290px;
	}

	div.vue-input div.vue-info>div.popover>div.arrow,
	div.vue-input div.vue-info>div.popover>div.arrow:after {
		margin-left: 0;
		border-top-color: transparent;
	}

	div.vue-input div.vue-info>div.popover>div.arrow {
		top: 13px;
		left: -11px;
		border-right-color: rgba(0, 0, 0, .15);
		border-left-width: 0;
		border-bottom-width: 11px;
	}

	div.vue-input div.vue-info>div.popover>div.arrow:after {
		bottom: -10px;
		left: 1px;
		border-right-color: #ffffff;
		border-left-width: 0;
		border-bottom-width: 10px;
	}

}

div.vue-input div.vue-info>div.popover>div.popover-content {
	padding: 12px 17px;
}

div.vue-input div.vue-info>div.popover>div.popover-content p {
	margin: 4px 0;
}

div.vue-input div.vue-info div.messages {
	margin: 10px -10px;
}

div.vue-input div.vue-info div.messages:first-child {
	margin-top: -4px;
}

div.vue-input div.vue-info div.messages:last-child {
	margin-bottom: -4px;
}

div.vue-input div.vue-info div.messages span.message {
	display: block;
	padding: 8px 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	border-top: 1px solid rgba(255, 255, 255, .6);
}

div.tip,
div.vue-input div.vue-info div.messages span.message:not(.info) {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
}

div.vue-input div.vue-info div.messages div+span.info,
div.vue-input div.vue-info div.messages span.message:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top: 9px;
	border-top: none;
}

div.vue-input div.vue-info div.messages span.message:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.vue-input div.vue-info div.messages span.message.info:last-child {
	padding-bottom: 9px;
	border-bottom: none;
}

div.vue-input div.vue-info div.messages span.message>span.icon {
	margin: 0 5px 0 -5px;
	text-shadow: 0 0 3px rgba(255, 255, 255, .6);
	opacity: .3;
}

div.vue-input div.vue-info div.messages span.message.invalid>span.icon {
	opacity: .5;
}

div.vue-input div.vue-info>span.icon.valid,
div.vue-input div.vue-info div.messages span.message.valid>span.icon {
	color: #1A1;
}

div.vue-input div.vue-info div.messages span.message.valid {
	background-color: #F0F8F0;
	border-right: 1px solid #CFDFCF;
	border-bottom: 1px solid #CFDFCF;
}

div.vue-input.active div.vue-info>span.icon.invalid,
div.vue-input.active div.vue-info div.messages span.message.invalid>span.icon {
	opacity: .5;
	color: #FA1;
}

div.vue-input.active div.vue-info div.messages span.message.invalid {
	background-color: #F8F0E8;
	border-right: 1px solid #DFD8CF;
	border-bottom: 1px solid #DFD8CF;
}

div.tip.error,
div.vue-input:not(.active) div.vue-info>span.icon.invalid,
div.vue-input:not(.active) div.vue-info div.messages span.message.invalid {
	color: #D00;
}

div.tip.error,
div.vue-input:not(.active) div.vue-info div.messages span.message.invalid {
	background-color: #EDD;
	border-right: 1px solid #DFC0C0;
	border-bottom: 1px solid #DFC0C0;
}

div.vue-input:not(.active) div.vue-info div.messages span.message.invalid {
	font-weight: bold;
}

div.tip.error p {
	margin: 10px 0 0;
	font-style: italic;
}

@media (min-width: 767px) {

	div.vue-input-label {
		display: flex;
	}

	div.vue-input-label label {
		flex: 1;
	}

	div.vue-input-label div.data {
		flex: 2;
	}

	div.vue-input-label.question div.data {
		flex: 1;
	}

}

div.vue-selector-input label {
	line-height: 25px;
	display: inline;
}

div.vue-collection-input.icon div.vue-selector-input label div,
div.vue-selector-input.icon label div {
	margin: 0 36px;
	text-align: center;
}

div.vue-collection-input.icon div.vue-selector-input.selected label div.icon,
div.vue-selector-input.icon.selected label div.icon {
	color: white;
	background-color: #ea650d;
	text-shadow: 0 0 25px rgba(0, 0, 0, .3);
}

div.vue-selector-input label div.icon {
	border-radius: 36px;
	display: inline-block;
	width: 72px;
	height: 72px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 72px;
}

div.vue-collection-input.icon div.vue-selector-input div.vue-info,
div.vue-selector-input.icon div.vue-info {
	top: 92px;
}

div.vue-collection-input.icon.large div.vue-selector-input label div.icon,
div.vue-selector-input.icon.large label div.icon {
	border-radius: 57px;
	width: 114px;
	height: 114px;
	background-size: 114px;
}

div.vue-collection-input.icon.large div.vue-selector-input div.vue-info,
div.vue-selector-input.icon.large div.vue-info {
	top: 134px;
}

div.vue-collection-input.icon.small div.vue-selector-input label div.icon,
div.vue-selector-input.icon.small label div.icon {
	border-radius: 28px;
	width: 56px;
	height: 56px;
	background-size: 56px;
}

div.vue-collection-input.icon.small div.vue-selector-input div.vue-info,
div.vue-selector-input.icon.small div.vue-info {
	top: 76px;
}

div.vue-collection-input.icon div.vue-selector-input label div.info,
div.vue-selector-input.icon label div.info {
	font-size: 25px;
	right: 2px;
	top: 2px;
	opacity: .2;
}

div.vue-selector-input:not(.disabled):not(.selected) label:hover div.icon {
	opacity: .9;
	text-shadow: 0 0 25px rgba(0, 0, 0, .2);
}

div.vue-selector-input.selected label div.info {
	opacity: .4;
}

div.vue-selector-input input[type="checkbox"],
div.vue-selector-input input[type="radio"] {
	margin: 5px 10px;
}

div.vue-collection-input.icon div.vue-selector-input input[type="checkbox"],
div.vue-selector-input.icon input[type="checkbox"],
div.vue-collection-input.icon div.vue-selector-input input[type="radio"],
div.vue-selector-input.icon input[type="radio"] {
	position: absolute;
	left: 50%;
	bottom: 2px;
	margin: 4px 4px 4px -6px;
}

div.vue-collection-input.icon.list div.vue-selector-input input[type="checkbox"],
div.vue-selector-input.icon.list input[type="checkbox"],
div.vue-collection-input.icon.list div.vue-selector-input input[type="radio"],
div.vue-selector-input.icon.list input[type="radio"] {
	top: 50%;
	left: 2px;
	margin: -4px 4px 4px 4px;
}

div.vue-collection-input.icon div.vue-selector-input label,
div.vue-selector-input.icon label {
	display: block;
	position: relative;
	margin: 0;
}

div.vue-collection-input.list div.vue-selector-input,
div.vue-selector-input.list {
	display: block;
}

div.vue-selector-input.list {
	padding: 10px 40px 0 0;
}

div.vue-collection-input.icon.list:not(.display) div.vue-selector-input label,
div.vue-selector-input.icon.list:not(.display) label {
	padding: 0 20px 0 25px;
}

div.vue-collection-input.icon:not(.display) div.vue-selector-input label,
div.vue-selector-input.icon:not(.display) label {
	padding: 0 0 25px 0;
}

div.vue-collection-input.icon div.vue-selector-input label div.icon,
div.vue-selector-input.icon label div.icon {
	background-color: #cac7c7;
	margin: 20px 20px 0;
}

div.vue-collection-input.display.icon div.vue-selector-input label div.icon,
div.vue-selector-input.display.icon label div.icon {
	margin: 2px 20px 0;
}

div.vue-collection-input.icon div.vue-selector-input.faded label div.icon,
div.vue-selector-input.icon.faded label div.icon {
	background-color: #DDD;
}

div.vue-selector-input label div.icon.product-fv {
	background-image: url('/static/RETAIL/img/icons/icon-fitvermogen.png');
}

div.vue-selector-input label div.icon.product-sf {
	background-image: url('/static/RETAIL/img/icons/icon-studyfit.png');
}

div.vue-selector-input label div.icon.product-ffl {
	background-image: url('/static/RETAIL/img/icons/icon-fitvoorlater.png');
}

div.vue-selector-input label div.icon.product-ffl-fi {
	background-image: url('/static/RETAIL/img/icons/icon-free.png');
}

div.vue-selector-input label div.icon.product-ffl-td {
	background-image: url('/static/RETAIL/img/icons/icon-fiscal.png');
}

div.vue-selector-input label div.icon.product-mf {
	background-image: url('/static/RETAIL/img/icons/icon-hypotheekfit.png');
}

div.vue-selector-input label div.icon.product-mf-wt {
	background-image: url('/static/RETAIL/img/icons/icon-hypotheekfit.png');
}

div.vue-selector-input label div.icon.product-mf-pl {
	background-image: url('/static/RETAIL/img/icons/icon-hypotheekfit-pledged.png');
}

div.vue-selector-input label div.icon.holder-single {
	background-image: url('/static/RETAIL/img/icons/icon-single-holder.png');
}

div.vue-selector-input label div.icon.holder-multi {
	background-image: url('/static/RETAIL/img/icons/icon-multi-holder.png');
}

div.vue-selector-input label div.icon.gender-male {
	background-image: url('/static/RETAIL/img/icons/icon-gender-male.png');
}

div.vue-selector-input label div.icon.gender-female {
	background-image: url('/static/RETAIL/img/icons/icon-gender-female.png');
}

div.vue-selector-input label div.icon.nationality-id {
	background-image: url('/static/RETAIL/img/icons/icon-id-transparent.png');
}

div.vue-selector-input label div.icon.nationality-passport {
	background-image: url('/static/RETAIL/img/icons/icon-passport-transparent.png');
}

div.vue-selector-input label div.icon.payment-ideal {
	background-image: url('/static/RETAIL/img/icons/icon-ideal.png');
	background-position: 11px center;
	border: 3px solid #cac7c7;
}

div.vue-collection-input.icon.small div.vue-selector-input label div.icon.payment-ideal {
	background-size: 32px;
}

div.vue-collection-input.icon div.vue-selector-input label div.icon.payment-ideal,
div.vue-collection-input.icon div.vue-selector-input.faded label div.icon.payment-ideal,
div.vue-collection-input.icon div.vue-selector-input.selected label div.icon.payment-ideal {
	background-color: transparent;
}

div.vue-collection-input.icon div.vue-selector-input.faded label div.icon.payment-ideal {
	border-color: #DDD;
}

div.vue-collection-input.icon div.vue-selector-input.selected label div.icon.payment-ideal {
	border-color: #ea650d;
}

div.vue-selector-input label div.icon.payment-other {
	background-image: url('/static/RETAIL/img/icons/icon-other-payment.png');
}

div.vue-selector-input.display label,
div.vue-selector-input.disabled label {
	cursor: default;
}

div.vue-selector-input.faded label div {
	opacity: .5;
}

div.vue-selector-input.faded.disabled label div {
	opacity: .3;
}

div.tip {
	position: relative;
	background-color: #EEE;
	border-radius: 5px;
	padding: 15px 25px;
	margin: 0 0 30px
}

div.tip .warning-header {
	color: #FF0000
}

div.vue-input:not(.display) {
	margin-bottom: 10px;
}

div.vue-date-input div.vue-autocomplete-input {
	margin-bottom: 0;
}

div.vue-selector-input {
	width: 100%;
	text-align: left;
	display: inline-block;
	position: relative;
}

div.vue-collection-input {
	text-align: center;
}

div.vue-collection-input div.vue-selector-input {
	width: auto;
}

div.vue-collection-input.icon div.vue-selector-input,
div.vue-selector-input.icon {
	text-align: center;
	display: inline-block;
	margin-right: 30px;
}

div.vue-autocomplete-input div.dropdown .dropdown-toggle {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
	display: flex;
}

div.vue-autocomplete-input div.dropdown.open .dropdown-toggle {
	border-color: #aaa;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.075), 0 0 3px #ccc;
}

div.vue-autocomplete-input span.selected-tag {
	/*
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	*/
	padding: 6px 12px;
	margin: 1px;
	height: auto;
	background-color: #F8F8F8;
	border-color: #EEE;
}

div.vue-autocomplete-input div.dropdown .dropdown-toggle input[type="search"].form-control {
	box-shadow: none !important;
	border: none !important;
	background: none !important;
	margin: 0;
	flex: 1;
}

div.vue-autocomplete-input div.dropdown ul.dropdown-menu {
	border-color: #aaa;
	margin-top: -1px;
	padding: 10px 0;
}

div.vue-autocomplete-input div.dropdown ul.dropdown-menu li a {
	padding: 10px;
}

div.vue-autocomplete-input div.dropdown ul.dropdown-menu li a:hover {
	background-color: #BBB;
	background-image: none;
}

div.vue-autocomplete-input div.dropdown ul.dropdown-menu li.highlight a {
	background-color: #ea650d;
}

div.vue-form {
	position: relative;
}

div.vue-form div.vue-cloak {
	position: absolute;
	bottom: 10px;
	top: 0;
	right: 0;
	left: 0;
	display: none;
	opacity: 0.95;
	background-color: #FFF;
}

div.vue-form.posting div.vue-cloak {
	display: block;
	z-index: 3;
}

div.vue-form div.vue-cloak>span {
	position: absolute;
	top: 50%;
	margin-top: -80px;
	color: #BBB;
	font-size: 20px;
	height: 160px;
	width: 100%;
	text-align: center;
	background-image: url(../img/loader.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100px;
	display: inline-block;
	padding: 110px 40px 40px;
}

div.vue-form::after {
	content: "";
	clear: both;
	display: block;
	height: 10px;
}

.horizontal-collection {
	display: flex;
}

.horizontal-collection>.vue-selector-input {
	display: flex;
	margin-right: 10px;
}

.horizontal-collection>.vue-selector-input label {
	margin: auto
}


#loginModal a.btn,
#loginModal button {
	margin: 20px 0 0;
}

#loginModal div.modal {
	top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	width: 550px;
	margin-left: -275px;
}

#loginModal div.vue-input-label {
	margin: 15px 0;
}

#loginModal h2 {
	font-size: 26px;
	padding: 20px;
	margin: 0;
	background-color: #f9f9f9;
}

#loginModal div.modal-header {
	padding: 0;
}

#loginModal div.row {
	margin: 5px;
}

#loginModal div.modal-body {
	overflow: visible;
	padding: 30px 40px 0;
}

#loginModal div.modal-body div.vue-input-label label {
	flex: 2;
}

#loginModal div.modal-body div.vue-input-label div.data {
	flex: 3;
}

#loginModal div.input-append {
	display: block;
	padding-right: 39px;
}

#loginModal div.input-append input[name="password"] {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#loginModal div.input-append>span.add-on {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 40px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#loginModal div.input-append>span.add-on i {
	padding-top: 8px;
}

div.modal-container a.link {
	font-size: 14px;
	margin: 25px 20px 0;
	display: inline-block;
	float: none;
}

div.lightbox,
div.modal-container {
	background: rgba(225, 225, 225, 0.9) !important;
}

div.modal-container {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	overflow: auto;
}

div.modal-container div.modal {
	border: none;
}

div.modal-container div.modal-body {
	max-height: none;
}

div.modal-container div.modal-body>p {
	margin: 20px;
}

@media (min-width: 768px) {
	div.modal-container div.modal {
		width: 700px;
		margin-left: -350px;
	}
}

@media (max-width: 767px) {
	#loginModal div.vue-input div.vue-info>div.popover {
		left: -30px;
		right: -30px;
	}

	#loginModal div.vue-input div.vue-info>div.popover>div.arrow {
		right: 38px;
	}

	#loginModal div.modal,
	div.modal-container div.modal {
		width: auto;
		margin: 0;
		right: 0;
		left: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	#loginModal div.modal a.link {
		display: block;
		margin: 15px 10px 20px;
	}

	#loginModal a.btn {
		margin-bottom: 30px;
	}

	div.vue-collection-input.icon div.vue-selector-input {
		text-align: center;
		display: block;
		margin: 0 40px 30px;
	}

	div.vue-collection-input.icon.small div.vue-selector-input label div.icon,
	div.vue-selector-input.icon.small label div.icon {
		border-radius: 50px;
		width: 100px;
		height: 100px;
		background-size: 100px;
	}

	div.vue-collection-input.icon.small div.vue-selector-input div.vue-info,
	div.vue-selector-input.icon.small div.vue-info {
		top: 120px;
	}

	div.vue-collection-input.icon.small div.vue-selector-input label div.icon.payment-ideal {
		background-size: 60px;
		background-position: 22px center;
	}

}

div.modal-container button.login,
div.modal-container a.btn.change {
	color: #FFF;
	/* background-color: #ff6600; */
	background: linear-gradient(to bottom, #ff6600 0%, #c20101 100%);
	min-width: 120px;
}

div.modal-container button.login:hover,
div.modal-container a.btn.change:hover {
	/* background-color: #ee5500; */
	background: linear-gradient(to bottom, #ee5500 0%, #aa0000 100%);
}

div.modal-container a.btn {
	margin: 15px;
}

.tabs-top .current a,
table.default .tabs-top .current a {
	background-color: #fff;
	background-image: none;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #006;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: -1px;
	cursor: default !important;
}