/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/javascript/components/ui/popups/PopupButton.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.vbf-popup__button {
  min-width: calc(25% - 6px);
  text-align: center;
  font-size: 0.9em;
  font-weight: 600 !important;
  height: 32px;
  padding: 0px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 6px 12px; */
  margin: 0px 4px;
  color: white;
  border-radius: 3px;
  background-color: #009ee2;
  border: 1px solid #0075a8;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; }

.vbf-popup__button:first-child {
  margin-left: 0px; }

.vbf-popup__button:last-child {
  margin-right: 0px; }

.vbf-popup__button:hover {
  background-color: #0075a8; }

.vbf-popup__button[data-type="positive"] {
  background-color: #2ecc71;
  border-color: #27ae60; }

.vbf-popup__button[data-type="positive"]:hover {
  background-color: #27ae60; }

.vbf-popup__button[data-type="destructive"] {
  background-color: #e74c3c;
  border-color: #c0392b; }

.vbf-popup__button[data-type="destructive"]:hover {
  background-color: #c0392b; }

.vbf-popup__button[data-type="secondary"] {
  background-color: #95a5a6;
  border-color: #7f8c8d; }

.vbf-popup__button[data-type="secondary"]:hover {
  background-color: #7f8c8d; }

.vbf-popup .vbf-popup__button:focus {
  -webkit-box-shadow: inset 0 0 0 3px #009ee2;
  box-shadow: inset 0 0 0 3px #009ee2; }

@media (max-width: 463px) {
  .vbf-popup__button {
    margin: 0px; }
  .vbf-popup__button + .vbf-popup__button {
    margin-bottom: 8px; } }

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/javascript/components/ui/popups/BasePopup.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.vbf-popup__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background-color: rgba(0, 0, 0, 0.4);
  perspective: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s; }

.vbf-popup__wrapper.vbf-active {
  visibility: visible;
  opacity: 1;
  z-index: 99999; }

.vbf-popup {
  /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.05) rotateX(20deg); */
  transform: scale(1.05) rotateX(20deg);
  transform-style: preserve-3d;
  width: 512px;
  max-width: calc(100vw - 32px);
  /* width: calc(100vw - 32px);
    max-width: 512px; */
  max-height: calc(100vh - 32px);
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: transform 0.2s; }

.vbf-popup.vbf-active {
  /* transform: translateX(-50%) translateY(-50%) scale(1); */
  transform: scale(1); }

.vbf-popup__header {
  /*background-color: #0075a8;
    color: white;*/
  font-weight: bold !important;
  font-size: 1em;
  padding: 12px 16px;
  padding-bottom: 0px;
  display: none; }

.vbf-popup__header.vbf-active {
  display: block; }

.vbf-popup__title {
  font-weight: bold !important; }

.vbf-popup__content {
  padding: 16px;
  font-size: 1em;
  background-color: white;
  display: flex;
  align-items: center; }

.vbf-popup__footer {
  padding-bottom: 8px;
  margin: 0px 8px;
  background-color: white;
  display: none;
  justify-content: flex-end;
  position: relative; }

.vbf-popup__footer.vbf-active {
  display: flex; }

.vbf-popup__message {
  flex-grow: 1;
  text-align: center;
  display: none;
  font-size: 1em; }

.vbf-popup__message.vbf-active {
  display: block; }

.vbf-popup *:focus {
  outline: none;
  -webkit-box-shadow: 0 0 1px 2px #009ee2;
  box-shadow: 0 0 1px 2px #009ee2; }

@media (max-width: 463px) {
  .vbf-popup__content {
    flex-direction: column; }
  .vbf-popup__footer {
    flex-direction: column-reverse; }
  .vbf-popup__icon {
    margin-bottom: 8px; } }

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/javascript/components/ui/popups/PopupIcon.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.vbf-popup__icon {
  font-size: 32px;
  color: #009ee2;
  flex-shrink: 0;
  margin-right: 16px; }

.vbf-popup__icon + .vbf-popup__message {
  text-align: left; }

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/javascript/components/ui/popups/TextInputPopup.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.vbf-popup.vbf-popup--prompt .vbf-popup__content {
  flex-direction: column; }

.vbf-popup__input {
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  border: 1px solid lightgray;
  border-radius: 3px;
  background-color: #f1f2f6;
  font-size: 1em;
  margin: 0;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; }

.vbf-popup__input:focus {
  background-color: #f1f2f6; }

input.vbf-popup__input {
  text-align: center; }

textarea.vbf-popup__input {
  resize: none;
  min-width: 100%;
  max-width: 100%; }

.vbf-popup__message.vbf-active + .vbf-popup__input {
  margin-top: 8px; }

.vbf-popup.vbf-popup--textarea-prompt {
  overflow-y: auto; }

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/javascript/components/ui/popups/LoadingPopup.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.vbf-popup--loading {
  width: auto; }

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/css/forms/detailed-select.css ***!
  \********************************************************************************************************************************************************************************************************************/
/**
 * Van Beek Framework - Detailed Select
 * CSS for dropdown menu with additional details:
 * - Images in the dropdown list
 * - Enlarged image on hover/select
 * - Support for an additional description
 */
/* Relative positioning for absolutely positioned child elements */
.vbf-detailed-select {
  position: absolute;
  z-index: 200; }

.vbf-detailed-select__input-wrapper {
  position: relative; }

/* The original select will be 100% of the base element's width */
.vbf-detailed-select__input-wrapper select {
  width: 100% !important;
  margin-left: 0px !important; }

/* Dropdown list */
.vbf-detailed-select__list {
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 369px;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border-radius: 0px 0px 6px 6px;
  overflow-y: scroll;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s; }

/* Additional details popup (enlarged image, description */
.vbf-detailed-select__details {
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border-radius: 0px 6px 6px 6px;
  overflow: hidden;
  position: absolute;
  left: 100%;
  width: 100%;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s; }

/* Enlarged image */
.vbf-detailed-select__image {
  position: relative;
  width: 100%;
  padding-top: 50%;
  background-color: #f5f6fa;
  display: none; }

.vbf-detailed-select__image-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 48px;
  color: #009ee2;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s; }

/* Title in details popup */
.vbf-detailed-select__title {
  text-align: center;
  font-size: 1em;
  font-weight: 600 !important;
  margin: 12px;
  padding-top: 3px;
  padding-bottom: 2px;
  color: #009ee2;
  display: none; }

/* Description in details popup */
.vbf-detailed-select__description {
  font-size: 0.85em;
  margin: 12px;
  display: none; }

/* Show description and enlarged image only if they're present */
.vbf-detailed-select__title.vbf-active,
.vbf-detailed-select__image.vbf-active,
.vbf-detailed-select__description.vbf-active {
  display: block; }

/* Animate visibility of dropdown list and details popup */
.vbf-detailed-select.vbf-active .vbf-detailed-select__list,
.vbf-detailed-select.vbf-active .vbf-detailed-select__details.vbf-active {
  visibility: visible;
  opacity: 1; }

/* Option in dropdown list */
.vbf-detailed-select__option {
  min-height: 48px;
  display: flex;
  align-items: center;
  font-size: 0.85em;
  margin: 6px;
  padding: 6px;
  padding-right: 12px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  border-radius: 3px; }

/* Disabled option */
.vbf-detailed-select__option.vbf-disabled {
  color: graytext;
  opacity: 0.6;
  cursor: default; }

/* Hovered option */
.vbf-detailed-select__option:not(.vbf-disabled):hover {
  background-color: rgba(0, 158, 226, 0.25); }

/* Selected option */
.vbf-detailed-select__option:not(.vbf-disabled).vbf-selected {
  color: white;
  background-color: #009ee2 !important; }

/* Image in option */
.vbf-detailed-select__option__image {
  height: 48px;
  width: 48px;
  background-color: #f5f6fa;
  border-radius: 3px;
  margin-right: 12px;
  flex-shrink: 0;
  transition: border-radius 0.2s; }

.vbf-detailed-select__focus-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition: box-shadow 0.1s; }

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/css/forms/pionus-form.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
#vbf-content .vbf-pionus-form {
  position: relative;
  min-height: 180px; }
  #vbf-content .vbf-pionus-form .component-tabs {
    display: none; }

#vbf-content .vbf-pionus-form div[data-field-type]:hover {
  z-index: 2; }

#vbf-content .vbf-pionus-form input:not([type="radio"]):not([type="checkbox"]),
#vbf-content .vbf-pionus-form textarea,
#vbf-content .vbf-pionus-form select {
  -webkit-appearance: none;
  border-radius: 0px;
  width: calc(30% - 16px);
  margin-left: 16px;
  box-sizing: border-box;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 2em; }

#vbf-content .vbf-pionus-form .configuratorfield {
  transition: box-shadow 0.1s; }

#vbf-content .vbf-pionus-form *:focus {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px black;
  box-shadow: 0 0 3px 1px black; }

#vbf-content .vbf-pionus-form select {
  padding-right: 2em !important;
  overflow: hidden;
  text-overflow: ellipsis; }

#vbf-content .vbf-pionus-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

#vbf-content .vbf-pionus-form input[type=checkbox] {
  -webkit-appearance: checkbox;
  margin: 0; }

#vbf-content .vbf-pionus-form .checkbox-wrapper {
  width: calc(30% - 16px);
  margin-left: 16px; }

#vbf-content .vbf-pionus-form .subcomponent h1 {
  font-weight: bold !important;
  font-size: 1.2em !important;
  margin: 0px !important; }

@-webkit-keyframes vbf-pionus-form-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes vbf-pionus-form-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes vbf-pionus-form-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes vbf-pionus-form-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#vbf-content .vbf-pionus-form div[data-field-type] {
  display: flex;
  flex-direction: row;
  min-height: 32px;
  align-items: center;
  position: relative;
  -webkit-animation: vbf-pionus-form-appear 0.3s forwards;
  -moz-animation: vbf-pionus-form-appear 0.3s forwards;
  -o-animation: vbf-pionus-form-appear 0.3s forwards;
  animation: vbf-pionus-form-appear 0.3s forwards; }

#vbf-content .vbf-pionus-form div[data-field-type]:not(:nth-of-type(2)) {
  margin-top: 8px; }

#vbf-content .vbf-pionus-form div[data-field-type] .messagetext {
  font-weight: 600 !important;
  margin-left: 16px;
  display: inline-block;
  width: calc(50% - 16px);
  color: #95a5a6;
  opacity: 0.6;
  transition: color 0.2s, opacity 0.2s; }

#vbf-content .vbf-pionus-form div[data-field-type='textarea'] label {
  margin-top: 6px;
  width: 50%; }

#vbf-content .vbf-pionus-form div[data-field-type='textarea'] textarea {
  margin-top: 10px;
  margin-left: 0px;
  resize: none;
  width: 50%; }

#vbf-content .vbf-pionus-form div[data-field-type='section-header'],
#vbf-content .vbf-pionus-form div[data-field-type='textarea'] {
  height: auto;
  display: block; }

#vbf-content .vbf-pionus-form div[data-field-type='section-header'] {
  margin-bottom: 8px;
  padding-top: 32px;
  margin-top: 32px !important;
  border-top: 2px solid; }

#vbf-content .vbf-pionus-form div[data-field-type='section-header']:nth-of-type(2) {
  padding-top: 0px;
  border-top: none;
  margin-top: 0px !important; }

#vbf-content .vbf-pionus-form div[data-field-type="select"] {
  position: relative; }

#vbf-content .vbf-pionus-form .vbf-detailed-select__input-wrapper {
  width: calc(30% - 16px);
  margin-left: 16px; }

#vbf-content .vbf-pionus-form div[data-field-type="subcomponent"] {
  display: block;
  min-height: 0; }

#vbf-content .vbf-pionus-form div[data-field-type="subcomponent"] > .messagetext {
  display: none; }

#vbf-content .vbf-pionus-form label {
  display: inline-block;
  width: 20%;
  font-weight: 600 !important; }

#vbf-content .vbf-pionus-form .preimg {
  display: inline-block;
  width: 0px; }

#vbf-content .vbf-pionus-form div[data-field-type][data-detailed]:not(.focused) {
  transition: z-index 0.3s; }

#vbf-content .vbf-pionus-form div[data-field-type].focused {
  z-index: 1; }

#vbf-content .vbf-pionus-form div[data-field-type].focused label::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0da\00a0"; }

#vbf-content .vbf-pionus-form div[data-field-type] label span {
  flex-basis: 100%; }

#vbf-content .vbf-pionus-form div[data-field-type] label .info-icon {
  display: none;
  font-size: 16px;
  transition: color 0.2s;
  z-index: 2;
  cursor: pointer; }

#vbf-content .vbf-pionus-form div[data-field-type] label .tooltip {
  position: absolute;
  max-width: none;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  width: calc(100% + 16px);
  background-color: black;
  color: white;
  padding: 8px;
  padding-right: 32px;
  border-radius: 3px;
  opacity: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: -1;
  font-family: 'Roboto', sans-serif;
  transition: opacity 0.3s;
  font-weight: 600 !important;
  font-size: 0.85em;
  cursor: text; }

#vbf-content .vbf-pionus-form div[data-field-type].warningmessage input,
#vbf-content .vbf-pionus-form div[data-field-type].warningmessage textarea,
#vbf-content .vbf-pionus-form div[data-field-type].warningmessage select {
  border: 1px solid #F79F1F; }

#vbf-content .vbf-pionus-form div[data-field-type].errormessage input,
#vbf-content .vbf-pionus-form div[data-field-type].errormessage textarea,
#vbf-content .vbf-pionus-form div[data-field-type].errormessage select,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty textarea,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty input,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty select {
  border: 1px solid #EA2027; }

#vbf-content .vbf-pionus-form div[data-field-type].focused .messagetext {
  opacity: 1; }

#vbf-content .vbf-pionus-form div[data-field-type].infomessage .info-icon,
#vbf-content .vbf-pionus-form div[data-field-type].infomessage.focused .messagetext {
  color: #009ee2; }

#vbf-content .vbf-pionus-form div[data-field-type].infomessage .tooltip {
  background-color: #009ee2; }

#vbf-content .vbf-pionus-form div[data-field-type].warningmessage .info-icon,
#vbf-content .vbf-pionus-form div[data-field-type].warningmessage.focused .messagetext {
  color: #F79F1F; }

#vbf-content .vbf-pionus-form div[data-field-type].warningmessage .tooltip {
  background-color: #F79F1F; }

#vbf-content .vbf-pionus-form div[data-field-type].errormessage .info-icon,
#vbf-content .vbf-pionus-form div[data-field-type].errormessage.focused .messagetext,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty .info-icon,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty.focused .messagetext {
  color: #EA2027; }

#vbf-content .vbf-pionus-form div[data-field-type].errormessage .tooltip,
#vbf-content .vbf-pionus-form div[data-field-type].required.isempty .tooltip {
  background-color: #EA2027; }

#vbf-content .vbf-pionus-form div[data-field-type] label .info-icon:hover {
  color: white !important; }

#vbf-content .vbf-pionus-form div[data-field-type] label .info-icon:hover .tooltip {
  opacity: 1;
  pointer-events: all; }

#vbf-content .vbf-pionus-form .component-header {
  position: relative; }

#vbf-content .vbf-pionus-form div[data-field-type='section-header'] .messagetext {
  color: white !important;
  width: auto !important;
  margin: 24px 0px !important; }

#vbf-content .vbf-pionus-form .component-message,
#vbf-content .vbf-pionus-form div[data-field-type='section-header'] .messagetext {
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: 3px;
  color: white;
  font-weight: bold !important;
  flex-direction: row;
  align-items: center;
  display: none; }

#vbf-content .vbf-pionus-form .component-message.active {
  margin-bottom: 32px;
  display: flex; }

#vbf-content .vbf-pionus-form .component-message.active + .component-message.active {
  margin-top: -24px; }

#vbf-content .vbf-pionus-form .component-header:after {
  content: "";
  display: table;
  clear: both; }

#vbf-content .vbf-pionus-form .component-message i,
#vbf-content .vbf-pionus-form div[data-field-type='section-header'] .messagetext i {
  font-size: 16px;
  margin-right: 8px; }

#vbf-content .vbf-pionus-form .component-message[data-level='warning'],
#vbf-content .vbf-pionus-form div[data-field-type='section-header'].warningmessage .messagetext {
  background-color: #F79F1F; }

#vbf-content .vbf-pionus-form .component-message[data-level='error'],
#vbf-content .vbf-pionus-form div[data-field-type='section-header'].errormessage .messagetext {
  background-color: #EA2027; }

@media (max-width: 768px) {
  #vbf-content .vbf-pionus-form div[data-field-type] .messagetext {
    display: none; }
  #vbf-content .vbf-pionus-form div[data-field-type] label {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative; }
  #vbf-content .vbf-pionus-form div[data-field-type] label .info-icon {
    display: inline; } }

@media (min-width: 464px) and (max-width: 768px) {
  #vbf-content .vbf-pionus-form div[data-field-type] label {
    width: 50%;
    max-width: 100%;
    flex: 0 0 50%; }
  #vbf-content .vbf-pionus-form div[data-field-type] > input,
  #vbf-content .vbf-pionus-form div[data-field-type] .checkbox-wrapper,
  #vbf-content .vbf-pionus-form div[data-field-type] > select,
  #vbf-content .vbf-pionus-form .vbf-detailed-select__input-wrapper {
    width: calc(50% - 16px);
    max-width: 100%;
    flex: 0 0 calc(50% - 16px); }
  #vbf-content body > .vbf-detailed-select .vbf-detailed-select__details {
    left: -100%;
    border-radius: 6px 0px 6px 6px; }
  #vbf-content .vbf-pionus-form div[data-field-type=textarea] label,
  #vbf-content .vbf-pionus-form div[data-field-type=textarea] textarea {
    width: 100%; } }

@media (max-width: 463px) {
  #vbf-content .vbf-pionus-form div[data-field-type] {
    height: auto;
    display: block;
    margin-bottom: 16px;
    position: relative; }
  #vbf-content .vbf-pionus-form div[data-field-type=checkbox] {
    height: 32px;
    display: flex;
    margin-bottom: 8px; }
  #vbf-content .vbf-pionus-form div[data-field-type] .preimg,
  #vbf-content .vbf-pionus-form div[data-field-type] .messagetext {
    display: none; }
  #vbf-content .vbf-pionus-form div[data-field-type] label {
    margin-bottom: 4px; }
  #vbf-content .vbf-pionus-form input:not([type="radio"]):not([type="checkbox"]),
  #vbf-content .vbf-pionus-form div[data-field-type] .checkbox-wrapper,
  #vbf-content .vbf-pionus-form div[data-field-type] label,
  #vbf-content .vbf-pionus-form div[data-field-type] textarea,
  #vbf-content .vbf-pionus-form div[data-field-type] select,
  #vbf-content .vbf-pionus-form .vbf-detailed-select__input-wrapper {
    width: 100%;
    margin-left: 0px; }
  #vbf-content .vbf-pionus-form div[data-field-type] input,
  #vbf-content .vbf-pionus-form div[data-field-type] textarea,
  #vbf-content .vbf-pionus-form div[data-field-type] > select,
  #vbf-content .vbf-pionus-form .vbf-detailed-select__input-wrapper {
    display: block; }
  #vbf-content body > .vbf-detailed-select .vbf-detailed-select__details {
    display: none; }
  #vbf-content .vbf-pionus-form div[data-field-type=checkbox] {
    margin-bottom: 12px; }
  #vbf-content .vbf-pionus-form div[data-field-type=checkbox] label {
    margin-right: 16px;
    margin-bottom: 0px; }
  #vbf-content .vbf-pionus-form div[data-field-type=checkbox] .checkbox-wrapper {
    width: auto;
    float: right; }
  #vbf-content .vbf-pionus-form .component-message {
    flex-direction: column; }
  #vbf-content .vbf-pionus-form .component-message i {
    margin: 0px;
    margin-bottom: 4px; } }

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/van-beek-framework-web/css/forms/pionus-form-theme_basic.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
#vbf-content .vbf-pionus-form {
  font-size: 0.85em; }

#vbf-content .vbf-pionus-form .subcomponent h1 {
  color: #009ee2; }

#vbf-content .vbf-pionus-form div[data-field-type='section-header'] {
  border-color: #009ee2 !important; }

#vbf-content .vbf-pionus-form select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  background: url("/wp-content/plugins/sisca/public/assets/images/dropdown-arrow.png") no-repeat;
  background-size: auto 100%;
  background-position: right center;
  background-color: #fff; }

#vbf-content .vbf-pionus-form input[type=text],
#vbf-content .vbf-pionus-form input[type=number],
#vbf-content .vbf-pionus-form textarea,
#vbf-content .vbf-pionus-form select {
  padding: 0px 8px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  color: #444;
  font-size: 1em;
  font-weight: 400; }

#vbf-content .vbf-pionus-form select {
  padding: 0px 4px; }

#vbf-content .vbf-pionus-form *:focus {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px #009ee2;
  box-shadow: 0 0 3px 1px #009ee2; }

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/perfect-scrollbar/css/perfect-scrollbar.css ***!
  \***********************************************************************************************************************************************************************************************************/
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }


/*# sourceMappingURL=vendors-01bbf0fcd5eb58d19221.bundle.css.map*/