body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
h1 {
	text-align: center;
	font-size: 18px;
	color: #585858;
}
a:hover {
	text-decoration: none;
}
header nav {
	font-family: Arial,Helvetica,sans-serif;
}
#content {
	font-family: Arial,Helvetica,sans-serif;
}
#content .content h1, #content .content_big h1 {
	text-align: center;
	background: unset;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
#content .content h2 { margin: 0px; }
#content .content_big .content .tab {
	padding: 15px;
	width: calc(100% - 30px);
}
#content .content_big .content {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}
#content .content_big .iconsContent {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border: 0;
    box-sizing: border-box;
    padding: 20px 10px;
}
#content .content_big .iconsContent h1 {
	width: 33.333%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
	font-size: 28px;
	color: #FFF;
}
#content .content_big .iconsContent strong {
    padding: 0 20px;
    box-sizing: border-box;
	width: 33.333%;
}
.content .content_big {
	padding: 15px;
	box-sizing: border-box;
}
#content .content_big.daysContent {
	padding: 0 15px;
	margin: 0;
}
/* custom checkboxes */
.customCheckbox input[type="checkbox"]{
	opacity:  0;
}
.customCheckbox input[type="checkbox"]:checked ~ label::before {
	border: 1px solid;
}
.customCheckbox  {
	display: inline-flex;
	position:relative;
	margin: 0px 4px;
}
.customCheckbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 8px;
    width: 18px;
	height: 18px;
    transition: transform 0.28s ease;
    border-radius: 0px;
}
.row {
	display: flex;
	flex-flow: row wrap;
	box-sizing: border-box;
	border-radius: 1px;
	background-image: unset;
	justify-content: space-between;
	-webkit-box-shadow: 1px 1px 3px 0px #666;
    -moz-box-shadow: 1px 1px 3px 0px #666;
    box-shadow: 1px 1px 3px 0px #666;
    margin: 0 10px 8px 10px;
}
.row .layoutName.input {
    border: unset;
}
.textContent {
    margin: 10px;
}
.layoutItems {
	margin: 0 15px;
}

.layoutItem {
	height: 16px;
	width: auto;
	padding: 15px;
	margin: 0 10px;
}

.layoutName {
	padding: 15px;
	margin: 0 10px;
}

.trashcan {
	background-image: url("/images/icons/96/trashcan.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.store {
	background-image: url("/images/icons/96/floppy.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.layoutItem:hover {
	cursor: pointer;
}
.customCheckbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.customCheckbox label::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 13px;
    left: 12px;
}

/* Standard setting for hidden field */
.content.invoiceDate {
	display: none;
}

#content ul.icons {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
#content .iconsContent ul.icons {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0 0 0;
	gap: 20px;
}
.inloggenContainer, .informationContainer {
	text-align: center;
    float: left;
	width: 50%;
	width: calc(50% - 8px);
	width: -webkit-calc(50% - 8px);
	width: -moz-calc(50% - 8px);
	justify-content: center;
	font-family: Segoe;
	font-weight: 300;
	height: calc(100vh - 109px);
	height: -moz-calc(100vh - 109px);
	height: -webkit-calc(100vh - 109px);
}
.informationContainer {
	text-align: left;
	padding: 30px;
    box-sizing: border-box;
	color: #fff;
}
.inloggenContent {
	display: inline-block;
	width: 100%;
	padding: 30px;
	border: 0;
}
.informationContainer .logo {
    float: left;
	width: 40%;
	padding: 40px 0;
}
.informationContainer .adresInformation {
    float: left;
	width: 60;
	font-size: 18px;
	padding-left: 20px;
	box-sizing: border-box;
}
.informationContainer .adresInformation a {
	color: #FFF;
}
.informationContainer .adresInformation a:hover {
	color: #FFF;
	text-decoration: underline;
}
.informationContainer .informationText {
	margin: 20px auto;
	display: inline-block;
}
.inloggenContent h1 {
	text-align: left !important;
}
.inloggenContent p {
	margin: 10px auto;
}
.inloggenContent span {
	margin: 10px 0px;
}
.inloggenContent label {
    float: left;
	width: 100%;
	margin: 5px auto;
}
.inloggenContent label p {
    line-height: 1.5;
    font-size: 16px;
}
.inloggenContent .loginField {
    display: block;
    font-family: Segoe;
    width: calc(100% - 16px);
    padding: 10px 8px;
    font-size: 18px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid;
    border-radius: 4px;
    line-height: 1.25;
}
.inloggenContent .loginField:hover, .inloggenContent .loginField:focus {
    border: 1px solid;
}
.inloggenContent .loginButton, .inloggenContent .registerButton {
	display: inline-block;
	margin: 10px auto;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 18px;
    font-size: 16px;
    border-radius: 4px;
}
label.buttonContainerInloggen {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}
.inloggenContent a.forgotPassword {
    font-size: 16px;
}
.inloggenContent a.forgotPassword:hover {
    text-decoration: none;
}
.username {
	float: right;
    padding: 0 20px;
    box-sizing: border-box;
    width: 33.333%;
    align-items: center;
    text-align: right;
    color: #FFF;
    display: flex;
    justify-content: flex-end;
}
.username a {
    padding: 0px 15px;
    align-items: center;
    display: flex;
}
.username img {
	height: 20px;
}
.icons li {
	display: inline-block;
	width: auto;
}
.icons a.aTab {
    display: inline-block;
    /* width: calc(10% - 20px); */
    padding: 9px;
    border: 0;
   /*  margin: 0px 10px; */
    text-align: center;
    font-weight: normal;
    font-size: 16px;
	box-sizing: border-box;
	border-radius: 5px;
}
.icons a.aTab li {
	width: 100%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.icons a.aTab:last-child {
	border-right: 0px;
}
/* .icons a.aTab.opacity {
	opacity: 0.4;
} */
.icons a.aTab img.countryFlag {
	float: left;
	margin: 2px;
	width: 18px;
}
.icons a.aTab:hover {
	-webkit-box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.4);
	-moz-box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.4);
	box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.4);
}
.icons a.aTab img {
    width: 100%;
    max-width: 80px;
	height: auto;
	display: block;
	margin: 0px auto;
}

.fixed {
	top:0;
	position:fixed;
	width:auto;
	display:none;
	border:none;
}
table.details {
	width: 100%;
}
table.details td {
	padding: 4px;
	border: 1px solid ;
}
body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
a:hover {
	text-decoration: none;
}
header nav {
	font-family: Arial,Helvetica,sans-serif;
}
#content {
	font-family: Arial,Helvetica,sans-serif;
}
#content .content h1, #content .content_big h1 {
	text-align: center;
	background: unset;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
#content .content h2 { margin: 0px; }
.contentHeader {
    float: left;
    width: 100%;
    position: relative;
}
.contentHeader h1 {
	text-align: center;
	width: auto;
	padding: 10px 0;
}
.accSearch {
	float: left;
	text-align: center;
	width: 100%;
}
.form-accommodations {
	display: grid;
    width: min-content;
	float: left;
}
.status-tab-item {
	cursor: pointer;
}
.select-operator {
	grid-column: 2;
}
.accSearch-archive .form-dates select {
	width: 200px;
}
.accSearch select, .form-tickets-select {
	display: inline-block;
    padding: 15px;
    width: 50%;
    width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    margin-right: 10px;
    min-width: 200px;
    border-radius: 5px;
    box-sizing: border-box;
}
.size-form {
	width: min-content;
}
.content .content_big {
	padding: 15px;
	box-sizing: border-box;
}
/* custom checkboxes */
.customCheckbox input[type="checkbox"]{
	opacity:  0;
}
.customCheckbox  {
	display: inline-flex;
	position:relative;
	margin: 0px 4px;
}
.customCheckbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 8px;
    width: 18px;
    height: 18px;
    background: #FFF;
    transition: transform 0.28s ease;
    border-radius: 0px;
    border: 1px solid #CCC;
}

.customCheckbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.customCheckbox label::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 13px;
    left: 12px;
}

/* Standard setting for hidden field */
.content.invoiceDate {
	display: none;
}

#content ul.icons {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
.inloggenContent {
	display: flex;
	text-align: left;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 30px;
	max-width: 480px;
	background: #fff;
}
.inloggenContent h1 {
	text-align: left !important;
}
.inloggenContent p {
	margin: 10px auto;
}
.inloggenContent span {
	margin: 10px 0px;
}
.inloggenContent label {
    float: left;
	width: 100%;
	margin: 5px auto;
}
.inloggenContent label p {
    line-height: 1.5;
    font-size: 16px;
}
.inloggenContent .loginField {
    display: block;
    font-family: Segoe;
    width: calc(100% - 16px);
    padding: 10px 8px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.25;
    color: #555;
    background-color: #fff;
}
.inloggenContent .loginButton {
    color: #fff;
	display: inline-block;
	margin: 10px auto;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 18px;
    font-size: 16px;
    border-radius: 4px;
}
.icons li {
	display: inline-block;
	width: auto;
	max-width: 100%;
}
.icons a.aTab {
    display: inline-block;
    width: calc(10% - 20px);
    padding: 9px;
    border: 0;
   /*  margin: 0px 10px; */
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 5px;
}
.icons a.aTab:hover, .icons a.aTab.activeTab {
	background: #FFF;
	color: #333;
}
.icons a.aTab:last-child {
	border-right: 0px;
}
/* .icons a.aTab.opacity {
	opacity: 0.4;
} */
.icons a.aTab img.countryFlag {
	float: left;
	margin: 2px;
	width: 18px;
}
.icons a.aTab img {
    width: 100%;
    max-width: 80px;
	height: auto;
	display: block;
	margin: 0px auto;
}
.fixed {
	top:45px;
	position:fixed;
	width:auto;
	display:none;
	border:none;
}
table.details {
	width: 100%;
}
table.details td {
	padding: 4px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #444;
}
table.details.optionTable tbody tr{
	display: flex;
	flex-wrap: wrap;
}
table.details.optionTable tbody tr td.top{
	width: 100%;
}
.overzicht, .overzicht2 {
    font-size: 13px;
}




.discount-table {
	border-collapse: collapse;
	color: #000;
}
.discount-table thead .top, .discount-table tbody tr{
	border-style: solid;
}
.discount-table thead .top{
	border-width: 0px 1px 1px 1px;
	border-color: var(--color-border);
	background: var(--color-primary);
	border-color: var(--color-primary);
}
.discount-table tbody tr{
	border-width: 0px 1px 1px 1px;
	border-color: var(--color-border);
}
.discount-table thead .top td{
	padding: 4px 4px;
}
.discount-table tbody tr td {
	padding: 8px 4px;
}
.discount-table tbody td:last-child{
	text-align: end !important;
}

.discount-table.table-items-start tbody td:last-child {
	text-align: start !important 
}

.discount-table tbody td.col-discounts-full{
	text-align: start !important;
}

.discount-table tbody td:first-child, .discount-table thead td:first-child{
	padding-left: 10px;
}
.discount-table tbody td:last-child, .discount-table thead td:last-child{
	padding-right: 10px;
}

.discount-table .inactive-discount {
	background: var(--color-inactive);
}

.content-discounts {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
}

.container-discount {
	display: grid;
	gap: 5px;
}
.container-discount h2{
	color: #585858 !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

.icons img { margin: 0px 2px; }

.icons .circle-notification{
	position: absolute;
	display: flex !important;
	flex-wrap: wrap;
	color: #FF0000;
	margin-left: 4px !important	;
	height: 18px !important	;
	width: 18px !important;
}

#content .content_big .content ul.tabs li {
    float: none;
    width: auto;
    padding: 10px 15px;
	border-left: unset;
    text-align: center;
    margin: 0 auto;
	display: inline-flex;
	border: 0;
	border-radius: 5px;
	transition: all .5s ease;
}
#content .content_big .content #tabs {
	float: left;
    width: 100%;
}
#content .content_big .content ul.tabs li.opacity {
	opacity: 0.8;
}
#content .content_big .content ul.tabs a:last-child li {
	border-right: 0px;
}
#content .content_big .content.previewContent ul.tabs {
    float: none;
    width: 100%;
    text-align: center;
}
#content .content_big .content.previewContent ul.tabs li {
	cursor: pointer;
}
.film_roll_child:first-child .sliderImageAccommodation {
	height: 680px;
	width: 60%;
	position: relative;
	border: unset;
}
.film_roll_child .sliderImageAccommodation {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
	width: 20%;
	position: absolute;
	border: 5px solid #fff;
	border-bottom: 0;
	border-right: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
}
.film_roll_child:nth-child(2) .sliderImageAccommodation {
	bottom: 400px;
    right: 0px;
	border-top: 0;
	border-bottom: 0;
	height: 281px;
	width: 40%;
}
.film_roll_child:nth-child(3) .sliderImageAccommodation {
	bottom: 200px;
    right: 20%;
}
.film_roll_child:nth-child(4) .sliderImageAccommodation {
	bottom: 200px;
    right: 0;
}
.film_roll_child:nth-child(5) .sliderImageAccommodation {
	bottom: 0;
    right: 20%;
}
.film_roll_child:nth-child(6) .sliderImageAccommodation {
	bottom: 0;
	right: 0;
}
.sliderAccommodationCount {
    height: 100%;
    width: 100%;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-size: 48px;
    padding: 70px 0;
	box-sizing: border-box;
	cursor: pointer;
    background: rgba(0,0,0,0.3);
}
#content .content_big .content .tabsContainer {
	float: left;
	width: 100%;
}
#content .content_big .content .tabsContainer.tabsFixed {
	top: 0;
    position: fixed;
    z-index: 10;
    background: #FFF;
    padding: 5px;
    width: calc(100% - 100px);
    box-sizing: border-box;
}
#content .content_big .content .tab {
	padding: 15px;
	width: calc(100% - 30px);
}
#content .content_big .content {
	clear: both;
	float: left;
	width: 100%;
	width: calc(100% - 2px);
	position: relative;
}
#content .content_big .content ul.tabs {
	float: right;
	text-align: right;
    margin: 0 auto 20px auto;
	width: auto;
    display: inline-block;
    height: auto;
    list-style: none;
	font-weight: normal;
	border: 0;
}
#content .content_big .content .tabsContainer.tabsFixed ul.tabs {
	margin: 5px 0px 5px auto;
}
#content .content_big .content ul.tabs a {
	color: #FFF;
}
#content .content {
	clear: both;
	float: left;
    width: calc(100% - 2px);
	height: auto;
	color: #666;
	background: #FFF;
	margin: 10px 0;
	border: 0;
	padding: 0px;
	text-align: justify;
	border-radius: 5px;
}
#content .sub {
	float: left;
	width: 100%;
}
#content .content h1 {
	text-align: center;
	background: unset;
	color: #333;
}
#content .content_big .content.reservationContent {
    border: 0;
    border-bottom: 0;
    width: 100%;
}
#filterForm {
	display: flex;
    flex-wrap: wrap;
	gap: 5px;
}
#filterForm select {
	width: unset;
    height: min-content;
	margin-right: 5px;
}

#filterForm .filterFormEvent-availability {
	padding: 10px !important;
	border-radius: 5px !important;
	width: max-content !important;
	justify-self: start !important;
}
.container-h1-availability {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	margin-bottom: 5px;
}
.container-h1-availability h1{
	padding: unset !important;
	grid-column: 2/3;
}
.table-availability {
	display: table !important;
}

#content .content_big .content .accSearch ul.tabs {
	margin: 0 0 20px auto;
}
textarea {
	border: 1px solid #CCC;
}
.form.myData, .form.myAccommodations {
	margin-bottom: 15px;
}

.form.myData.table-no-margin-bot {
	margin-bottom: unset;
}
.form.myData.daysData {
	margin-bottom: 0;
}
.form.myData.hideMe tbody, .form.myData.hideMe tr {
	display: block;
}
.form.myData td {
	float: left;
	width: 50%;
}

.form.myData tr .text-container-WYSIWYG .tox-tinymce{
    margin: 0px 10px;
    width: calc(100% - 20px);
    border-radius: 0px;
}

.form.myData td.personsPerRoomFirst {
	width: 100%;
}
.form.myData.soloData tr {
	text-align: center;
}
.form.myData.soloData span {
	text-align: left;
}
.form.myData.soloData td {
    float: none;
    margin: 0 auto;
    display: inline-block;
}
.form.myAccommodations td {
	float: left;
	width: 25%;
}
.form.myData tr td span p {
	margin: 0px auto;
}
.form.myData .input, .form.myAccommodations .input, .input.voorbeeld {
    float: left;
    padding: 15px;
    margin: 0px 10px;
    width: calc(100% - 52px);
    border-radius: 0px;
	border: 1px solid #e0e0e0;
	background-image: unset;
	border-radius: 5px;
}
.form.myData .input.submit {
	width: 100%;
	float: none;
	display: block;
	margin: 15px auto;
	border-radius: 0px;
	padding: 10px 0px;
	color: #FFF;
}
.form.myData .input.comment {
	width: calc(100% - 40px);
	min-height: 60px;
}
.form.myData select, .form.myData select.input {
	float: left;
    padding: 13px 15px;
	margin: 0px 10px;
	height: auto;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	max-width: calc(100% - 20px);
	max-width: -webkit-calc(100% - 20px);
	max-width: -moz-calc(100% - 20px);
    border-radius: 0px;
	background-image: unset;
	background: #FFF;
	border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.form.myData img.calculator-trigger {
	margin: 0px 10px;
}

.variable-fields-hidden {
	display: none;
}
.chevron-open {
	rotate: 90deg;
}
.show-variable-fields {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 4px 0px;
    line-height: 24px;
	cursor: pointer;
}
.cutom-option-table tbody tr td label{
	padding: 0px 15px;
	width: 100%;
	display: flex;
}

.cutom-option-table tbody tr td.radio-input-box {
	padding: 0px 15px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}
.cutom-option-table tbody tr td.radio-input-box span{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 5px;
	float: unset !important;
	padding: unset !important;
	width: max-content !important;
}

.cutom-option-table tbody tr td.radio-input-box label{
	padding: unset;
}


.custom-option-container .checkbox-option {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.custom-option-container .checkbox-option span{
	width: unset !important;
}
.custom-option-tr {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.custom-option-tr .custom-option-container {
	padding: 4px 0px;
	float: unset;
	width: 100% !important;
}

.tbody-custom-options{
    display: flex;
    flex-wrap: wrap;
	width: 100%;
}
.tbody-custom-options .container-names-custom-options{
	width: 25%
}
.cutom-option-table tbody .container-input-radio .w-full, .cutom-option-table tbody tr td.w-full, .tbody-custom-options .container-names-custom-options div {
	width: 100%;
}

.tbody-custom-options .container-names-custom-options div{
	display: grid;
	border: 1px solid #e0e0e0;
	padding: 5px 5px 15px;
	margin: 10px;
	width: calc(100% - 32px);
	border-radius: 5px;
}

.error-custom-options {
	display: grid;
}

.selectArrows {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
}
.selectArrows.vakantiehuizenArrows {
	width: 25%;
}
.moduleActief {
	position: relative;
	width: 25%;
	float: left;
}
.selectArrows2 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
  }

  /*To remove button from IE11 */
  select::-ms-expand {
	   display: none;
  }

  .selectArrows:after {
	content: '<>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 11px;
	/*Adjust for position however you want*/

	top: 12px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	/*left line */

	position: absolute;
	pointer-events: none;
  }
  .selectArrows2:after {
	content: '<>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 5px;
	/*Adjust for position however you want*/

	top: 10px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	/*left line */

	position: absolute;
	pointer-events: none;
  }
  .moduleActief:after {
	content: '<>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 11px;
	/*Adjust for position however you want*/

	top: 12px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	/*left line */

	position: absolute;
	pointer-events: none;
  }
  .selectArrows.accommodatie:after{
	display: none;
  }
  .selectArrows.accommodatie #huisID{
	  background-color: #eee;
  }

  .selectArrows select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */

	display: block;
	width: 100%;
	max-width: 320px;
	height: 50px;
	float: right;
	margin: 5px 0px;
	padding: 0px 24px;
	font-size: 16px;
	line-height: 1.75;
	color: #333;
	background: #FFF;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	-ms-word-break: normal;
	word-break: normal;
  }
  .selectArrows2 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */

	display: block;
	width: 100%;
	float: left;
	margin: 5px 0px;
	padding: 0px 24px;
	font-size: 16px;
	line-height: 1.75;
	color: #333;
	background: #FFF;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	-ms-word-break: normal;
	word-break: normal;
  }
.moduleActief select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	border: 1px solid #CCC;
	background: #FFF;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: auto;
	padding: 14px 0px;
	font-size: 13px;
    line-height: 26px;
    color: #444;
    text-decoration: none;
}
.bookerInformation div {
	float: left;
	padding: 10px;
	box-sizing: border-box;
	width: 50%;
}
.bookerInformation .editCustomerContainer {
	float: left;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
}
.bookerInformation button {
	padding: 7px 40px;
	border: 0;
	border-radius: 3px;
	height: 54px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(0,0,0,0.15);
	font-size: 15px;
	color: #fff;
	outline: 0;
	margin-left: 10px;
	margin-bottom: 15px;
	cursor: pointer;
}
.EditCustomerModal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.editCustomerModalContent {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.EditCustomerModalclose {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.EditCustomerModalclose:hover, .EditCustomerModalclose:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.editCustomerForm {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.editCustomerForm div {
	box-sizing: border-box;
	padding: 15px;
	width: 50%;
}
.editCustomerForm span {
	display: flex;
	width: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
}
.editCustomerForm input, .editCustomerForm select {
    display: flex;
    padding: 10px;
    margin: 0 15px;
    width: 100%;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	box-sizing: border-box;
}
.editCustomerForm .editCustomerContainer {
	width: 100%;
}
.editCustomerForm .editCustomerContainer input {
	color: #FFF;
	cursor: pointer;
	display: block;
	text-align: center;
	transition: all .5s ease;
}
#propertyName {
    width: 100%;
    float: left;
    box-sizing: border-box;
    height: auto;
    padding: 15px;
}
.b-form-input {
	height: auto;
	box-sizing: border-box;
	padding: 15px;
}
.content hr {
    margin: 20px 0;
}
.form.myData input[type="checkbox"], .form.myAccommodations input[type="checkbox"] {
	margin: 0px 15px;
}
.form.myData input[type="file"] {
	padding: 10px 15px;
	width: 100%;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	max-width: 100%;
	max-width: calc(100% - 20px);
	max-width: -webkit-calc(100% - 20px);
	max-width: -moz-calc(100% - 20px);
	margin: 0 10px;
	box-sizing: border-box;
}
.form.myData .mce-tinymce {
    width: calc(100% - 30px) !important;
    margin: 15px;
}
.form.myData span:not(.tox-icon):not(.tox-tbtn):not(.tox-mbtn__select-label), .form.myAccommodations span:not(.tox-icon):not(.tox-tbtn):not(.tox-mbtn__select-label) {
	float: left;
	width: calc(100% - 30px);
	padding: 0px 15px;
}
.ui-helper-hidden-accessible {
	width: 0 !important;
	padding: unset !important;
}
.form.myData span.ui-helper-hidden-accessible {
	width: auto;
}
.form.myData td b, .form.myAccommodations td b {
    font-size: 14px;
}
.form.myData .textareaElm {
	width: 100%;
	box-sizing: border-box;
    padding: 0 15px;
}
.form.myData .textareaElm tr td {
	float: none;
	width: auto;
}
.form.myData .textareaElm span {
	float: none;
	padding: 0;
}
.form.resBetaling, .form.myAccommodations {
	margin-bottom: 15px;
}
.form.resBetaling td {
	float: left;
	width: 100%;
	margin: 5px 0px;
}
.form.resBetaling td.wijzTijd {
	float: left;
	width: 50%;
	margin: 5px 0px;
}
.form.resBetaling .input, .form.myAccommodations .input, .input.voorbeeld {
    float: left;
    padding: 15px;
    margin: 0px 10px;
    width: calc(100% - 52px);
    border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
}
.form.resBetaling .input.submit {
	width: 100%;
	float: none;
	display: block;
	margin: 15px auto;
	border-radius: 0px;
	padding: 10px 0px;
	color: #FFF;
}
.form.resBetaling select {
	padding: 5px;
	height: auto;
    border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
	background: #FFF;
}
.form.resBetaling input {
	padding: 5px;
	height: auto;
    border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
	background: #FFF;
}
.form.resBetaling textarea.comment {
	float: left;
	padding: 15px;
	margin: 0px 10px;
	width: calc(100% - 52px);
	min-height: 60px;
	border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
}
.form.resBetaling input[type="checkbox"], .form.myAccommodations input[type="checkbox"] {
	margin: 0px 15px 0px 0px;
}
.form.resBetaling span, .form.myAccommodations span {
	float: left;
	width: 100%;
}
.form.myDaresBetalingta td b, .form.myAccommodations td b {
    font-size: 14px;
}
.submitNow {
    width: calc(100% - 2px);
    float: left;
    display: block;
	margin: 15px auto;
	border-radius: 0px;
    padding: 10px 0px;
	color: #FFF;
	border-radius: 5px;
	transition: all .5s ease;
}

.submitNowAssu {
	padding: 10px;
	width: calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	width: -moz-calc(100% - 22px);
	line-height: 15px;
}
.submitNow-tickets {
	width: 50%;
	grid-column: 3/4;
	margin: unset;
	align-self: center;
    justify-self: center;
	padding: 15px 5px;
}
.button-container-submits {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
    margin: 0px 25px;
}
.button-container-submits .submitNow {
	margin: unset;
	width: 100%;
}
.submit-yellow {
	background-color: #FFB00D;
	border-color: #FFB00D;
}
.submit-green {
	background-color: #04753F;
	border-color: #04753F;
}
.submit-blue {
	background-color: #5BB1BD;
	border-color: #5BB1BD;
}

.ticket-container {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(300px, 1fr) 1fr minmax(300px, 1fr);
	margin-bottom: 10px;
}
.wordpressPlugin {
	text-align: center;
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
    float: left;
    display: block;
	margin: 15px auto;
	border-radius: 0px;
    padding: 10px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.75;
}
.wordpressPlugin:hover {
	cursor: pointer;
	text-decoration: none;
}
.form .input.submit:hover, .submitNow:hover {
	cursor: pointer;
	text-decoration: none;
}
.form.factuurModule td {
	float: left;
	width: 25%;
	font-size: 16px;
}
.form.factuurModule strong {
	float: left;
	margin: 20px 10px;
}
.extraAmountInput {
	padding: 15px;
	box-sizing: border-box;
	margin: 0px 10px;
	width: calc(25% - 20px);
	width: -webkit-calc(25% - 20px);
	width: -moz-calc(25% - 20px);
	border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
	background-color: #FFF;
}
.extraOptionInput {
	padding: 15px;
	box-sizing: border-box;
	margin: 0px 10px;
	width: calc(70% - 20px);
	border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
}
.overzicht.myData .input.submit {
	width: 100%;
	float: none;
	display: block;
	margin: 15px auto;
	border-radius: 0px;
	padding: 10px 0px;
	color: #FFF;
}
.overzicht.myData input {
	padding: 5px;
	height: auto;
    border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
	background: #FFF;
	width: calc(100% - 10px);
}
.accBeschikbaarheid span {
	float: left;
	width: calc(100% - 30px);
	padding: 0px 15px;
}
.beschikbaarheidInput {
	float: left;
	padding: 15px;
	margin: 10px;
	width: calc(10% - 52px);
	border-radius: 0px;
	border: 1px solid #CCC;
	background-image: unset;
	text-align: center;
	font-size: 14px;
}
.contentSubmit {
	float: left;
	clear: both;
	width: 50%;
	margin: 10px 0px;
}
.beschikbaarheidSubmit {
    width: 100%;
    float: none;
    display: block;
	margin: 0px auto;
	border-radius: 0px;
    padding: 10px 0px;
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
}
.beschikbaarheidSubmit:hover {
	cursor: pointer;
	text-decoration: none;
}
.accommodationFilter {
	float: left;
	width: 100%;
	text-align: left;
}
.accommodationFilter span {
	float: left;
}
.accommodationFilter select {
    float: left;
    padding: 15px;
    margin: 0px 10px;
    border-radius: 0px;
    border: 1px solid #CCC;
}
li.no-results span {
    float: none !important;
    width: auto !important;
    padding: 0px !important;
}
select.optionSelect {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px;
}
.OpVakantieNLButton {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.OpVakantieNLButton input {
    color: #FFF;
    padding: 10px 20px;
    margin: 10px auto;
    display: inline-block;
    font-weight: bold;
}
.OpVakantieNLButton input:hover {
	cursor: pointer;
}
span.mobileSwipe {
	display: none;
}
.verwerkingsovereenkomstenAkkoord input[type=checkbox] {
	position: relative;
	top: unset;
	left: unset;
}
label.verwerkingsovereenkomstenAkkoord {
	display: block;
}
.colorsColumn {
    float: left;
	width: 80%;
    max-width: 1180px;
    margin: 10px 0px;
}
.colorsColumn span {
	width: 100%;
	float: left;
	padding: 10px;
}
.colorsIframe .color.minicolors-input, .colorsIframe input, .colorsIframe select {
    float: left;
    padding: 15px 15px 15px 30px;
    margin: 0px 10px;
    width: calc(100% - 52px);
    border-radius: 0px;
    border: 1px solid #CCC;
	background-image: unset;
	background-color: #FFF;
}
.colorsIframe input {
	width: calc(50% - 52px);
}
.colorsIframe select {
	width: 50%;
}
.colorsIframe .minicolors-theme-default .minicolors-swatch {
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0px;
	float: none;
}
.colorsIframe .minicolors-swatch-color {
	width: auto;
	float: none;
	padding: 0px;
}
.colorsIframe .minicolors-theme-default.minicolors {
	width: 50%;
}
.advertisement {
	color: #000;
}
.advertisement .advertisementPDF::before, .advertisement .advertisementWord::before {
    background-image: url('../../files/instructies/pdf.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 18px;
    height: 19px;
    margin: 0 5px -2px 0;
    content: "";
}
.advertisement .advertisementWord::before {
	background-image: url('../../files/instructies/word.png');
}

.form.myData td.row-title-icons {
	width: 100%;
}


@media screen and (max-width: 900px){
	.button-container-submits {
		grid-template-columns: 1fr;
	}
}