#SchrobbelerNNV {text-align:center;} #SchrobbelerNNV h1, #SchrobbelerNNV h2, #SchrobbelerNNV h3, #SchrobbelerNNV h4, #SchrobbelerNNV p {text-align:center; max-width:600px; margin-left:auto; margin-right:auto;} #SchrobbelerNNV #main-form a {text-decoration:underline;} #SchrobbelerNNV #main-form .form-page-controls a {text-decoration:none;} #SchrobbelerNNV #main-form {padding-bottom:2rem;} #SchrobbelerNNV #main-form .form-page .row {text-align:center; } #SchrobbelerNNV #main-form label {width:100%; text-align:left; font-size:var(--fs-sm); font-weight:var(--fw-bold); margin-bottom:0.25em; } #SchrobbelerNNV #main-form label.formerror {color:#8f0808; font-size:var(--fs-xs); } #SchrobbelerNNV #main-form label[for='geboortedatum'] span {display:block; font-size:var(--fs-xxs);} #SchrobbelerNNV #main-form label * {} #SchrobbelerNNV #main-form label a {text-decoration:underline;} #SchrobbelerNNV #main-form input.form-control {width:100%; text-align:center; font-size:var(--fs-p); border-radius:7px; line-height:2;} #SchrobbelerNNV #main-form select.form-control {width:100%; text-align:center; font-size:var(--fs-p); line-height:2;} #SchrobbelerNNV #main-form input.form-control::placeholder { font-weight:normal!important; color:var(--c-grey)!important; } #SchrobbelerNNV #main-form .input-group {position:relative; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0.5em; border-radius:7px; } #SchrobbelerNNV #main-form .input-wrap {position:relative; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0.5em; } #SchrobbelerNNV #main-form .input-group-text i {color:var(--c-grey); } #SchrobbelerNNV #main-form .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #ffffff; border:2px solid var(--c-white); border-radius: 0px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } #SchrobbelerNNV #main-form input.form-control[type='file'] {text-align:left; color:var(--c-grey); } #SchrobbelerNNV #main-form select.form-control {text-align:center; color:var(--c-dark-grey); } #SchrobbelerNNV #main-form select.form-control option {text-align:left; color:var(--c-dark-grey); } #SchrobbelerNNV #main-form select.form-control option[dsabled] {text-align:left; color:var(--c-grey); } #SchrobbelerNNV #main-form .form-control:disabled, #SchrobbelerNNV #main-form .form-control[readonly] { background-color: #ffffff; opacity: 1; } #SchrobbelerNNV #main-form .bootstrap-select {text-align:center; color:var(--c-dark-grey); background-color:var(--c-white); padding:0; border-radius:7px; border:2px solid var(--c-white); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: .375rem .75rem; line-height:1; background-color:#ffffff; width:100%; } /* #SchrobbelerNNV #main-form .bootstrap-select button.btn {background-color:#ffffff; border:0; color:var(--c-dark-grey); padding:0.75rem 0.75rem;} #SchrobbelerNNV #main-form .bootstrap-select button:hover {background-color:#ffffff; border:0; } */ #SchrobbelerNNV #main-form #horeca_locatie {text-align:left;} #SchrobbelerNNV #main-form #horeca_naam_zoek {text-align:left;} #SchrobbelerNNV #location_api_list #horeca_list {height:auto; max-height:280px; overflow-y:scroll; background-color:#ffffff; padding:0.5rem; border-radius:7px; } #SchrobbelerNNV #location_api_list .location {display:flex; align-items:center; justify-content:flex-start; margin-bottom:4px; cursor:pointer; background-color:var(--c-light-grey); } #SchrobbelerNNV #location_api_list #horeca_list.has-selection .location { opacity:0.75; } #SchrobbelerNNV #location_api_list .location .location-icon-wrap {display:inline-flex; width:40px; height:40px; flex-basis:40px; align-items:center; justify-content:center; margin:0; } #SchrobbelerNNV #location_api_list .location .location-icon {display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border-radius:999px; background-color:var(--c-2); } #SchrobbelerNNV #location_api_list .location .location-icon i {font-size:20px; color:#ffffff; margin:0; } #SchrobbelerNNV #location_api_list .location .location-info {display:inline-flex; flex-direction:column; align-items:flex-start; justify-content:space-between; margin-left:1em;} #SchrobbelerNNV #location_api_list .location .location-name {display:block; font-size:1.0rem; color:var(--c-2); font-weight:var(--fw-bold); text-align:left;} #SchrobbelerNNV #location_api_list .location .location-vicinity {display:block; font-size:0.9rem; color:var(--c-medium-grey); text-align:left;} #SchrobbelerNNV #location_api_list .location:hover {opacity:0.8; background-color:var(--c-white);} #SchrobbelerNNV #location_api_list .location:hover .location-icon {background-color:var(--c-3); } #SchrobbelerNNV #location_api_list .location:hover .location-name {color:var(--c-3); } #SchrobbelerNNV #location_api_list .location:hover .location-vicinity {color:var(--c-3); } #SchrobbelerNNV #location_api_list .location.selected {background-color:var(--c-white); border:2px solid var(--c-grey); opacity:1; margin-bottom:1rem;} #SchrobbelerNNV #location_api_list #horeca_list.has-selection .location.selected { opacity:1; } #SchrobbelerNNV #location_api_list .location.selected .location-icon {background-color:var(--c-4); } #SchrobbelerNNV #location_api_list .location.selected .location-name {color:var(--c-4); } #SchrobbelerNNV #location_api_list .location.selected .location-vicinity {color:var(--c-4); } #SchrobbelerNNV #location_api_spinner {display:none; align-items:center; justify-content:center; margin:auto; margin-bottom:2rem; width:40px; height:40px; background-color:#ffffff; border-radius:7px; color:var(--c-3);} #SchrobbelerNNV #location_api_spinner i {color:var(--c-1); font-size:20px;} #SchrobbelerNNV .locatie_aankoop_error-error {margin-top:.5em;} #SchrobbelerNNV .bootstrap-select .dropdown-toggle .bs-caret { color:var(--c-dark-grey); opacity:0; } #SchrobbelerNNV #main-form .form-check .form-check-label {float:none; text-align:left;} #SchrobbelerNNV #main-form .form-check .form-check-input {float:none; font-size:var(--fs-p); font-weight:var(--fw-regular);} #SchrobbelerNNV #main-form label.formerror {font-size:var(--fs-xs);} #SchrobbelerNNV #main-form .wp-block-buttons {text-align:center;} #SchrobbelerNNV #main-form .form-page {display:none;} #SchrobbelerNNV #main-form .form-page:first-of-type {display:block;} #SchrobbelerNNV #main-form .form-page-controls {position:relative; display:flex; text-align:center; align-items: center; justify-content:center; margin-top:1rem;} #SchrobbelerNNV #main-form .form-page-prev {display:inline-flex; margin:auto; margin-right:5px; text-decoration:none!important; opacity:0.8; cursor:} #SchrobbelerNNV #main-form .form-page-prev:hover {opacity:1;} #SchrobbelerNNV #main-form .form-page-next {display:inline-flex; margin:auto; margin-left:5px;} #SchrobbelerNNV #main-form .form-page:first-child .form-page-prev {display:none;} @media all and (max-width: 767px) { #SchrobbelerNNV #main-form .input-group {max-width:calc(var(--vw100) - 50px); margin-left:auto; margin-right:auto;} } #SchrobbelerNNV { --u-button-border: 2px solid white; --u-button-bg-color: white; --u-button-color :var(--c-1); } #SchrobbelerNNV #nix18 { position:absolute; display:block; width:auto; left: 15px; bottom:20px; z-index:9999; } #SchrobbelerNNV #reset { position:absolute; display:block; width:auto; right: 15px; bottom:20px; z-index:9999; } #SchrobbelerNNV #map { display:none; } @-webkit-keyframes my-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes my-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #SchrobbelerNNV .fa-spin { animation-name: my-spin!important; animation-duration:2s!important; animation-iteration-count:infinite!important; animation-timing-function: linear!important; animation-delay: 0s!important; animation-direction: normal!important; }