/*-----------------**
|  Global variables  |
**-----------------*/
/*****************
* Theming colors *
*****************/
/*----------------------------------------------------------**
|  Protype base variabelen voor de skin.css = prototype skin  |
**----------------------------------------------------------*/
/*******
* Grid *
*******/
/********
* Links *
********/
/**************
* transitions *
**************/
/************
* separator *
************/
/*-----------------------------**
|  Variables protype typography  |
**-----------------------------*/
/*---------------**
|  Globale option  |
**---------------*/
/* color output */
/* Scafolding */
/*--------------------------------**
|  Globale base colors for theming  |
**--------------------------------*/
/*-----------------------**
|  Globale base variables  |
**-----------------------*/
/*---------------------**
|  Globale base z-index  |
**---------------------*/
/*-------------------------**
|  Globale base Transitions  |
**-------------------------*/
/*----------------**
|  Globale Shadows  |
**----------------*/
/*------------------------**
|  Globale Spacing partial  |
**------------------------*/
/*------------------------**
|  Global base grid system  |
**------------------------*/
/*-----------------------**
|  Globale Border styling  |
**-----------------------*/
/*----------------------**
|  Global base separator  |
**----------------------*/
/*---------------------------**
|  Globale Base Focus styling  |
**---------------------------*/
/*----------------------**
|  Global link variables  |
**----------------------*/
/*-------------------**
|  Globale Typography  |
**-------------------*/
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*-------------------------**
|  Base variables voor Body  |
**-------------------------*/
/*--------------------**
|  Globale Breakpoints  |
**--------------------*/
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*--------------------------**
|  Globale Helpers variables  |
**--------------------------*/
/*---------------------------**
|  Base helper view variables  |
**---------------------------*/
/*-----------------------**
|  Globale core variables  |
**-----------------------*/
/*----------------------**
|  Global icon Variables  |
**----------------------*/
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/*---------------------------**
|  Global core List variables  |
**---------------------------*/
/*------------------------------**
|  Global core buttons variables  |
**------------------------------*/
/*--------------------------**
|  Global core box Variables  |
**--------------------------*/
/*----------------------------**
|  Globale alert-box variables  |
**----------------------------*/
/*-----------------------**
|  Global Table Variables  |
**-----------------------*/
/*-------------------------**
|  Global overlay variables  |
**-------------------------*/
/*----------------------------------**
|  Globale navigation core variables  |
**----------------------------------*/
/* Nav-tabs */
/*--------------------------**
|  Global dropdown variables  |
**--------------------------*/
/*------------------------**
|  Global Scroll variables  |
**------------------------*/
/*----------------------------**
|  Breadcrumb Global variables  |
**----------------------------*/
/* Padding niet op a want staat inline dus op de wrapper */
/*-----------------------**
|  Global Media variables  |
**-----------------------*/
/*----------------------**
|  Global Status styling  |
**----------------------*/
/*-----------------------**
|  Globale form variables  |
**-----------------------*/
/* label variables */
/* Input variables */
/*----------------------------**
|  Global myinterest variables  |
**----------------------------*/
/*----------------------------**
|  Global favorites variables  |
**----------------------------*/
/*---------------------------------**
|  Global ticket__from-icon styling  |
**---------------------------------*/
.box-bulletin-board-react,
.box-comments-notifications {
  background-color: var(--color1-lighter);
  border-color: var(--color1-lighter);
}

/*--------------------------**
|  Global variable Accordion  |
**--------------------------*/
/*-----------------------**
|  Global steps variables  |
**-----------------------*/
/*--------------------**
|  Global variables poi  |
**--------------------*/
/*--------------------------**
|  Global taxonmie variables  |
**--------------------------*/
/*-------------------------------------------------------------------------**
|  Globale Variables for frontend-scss\scss\layout\components\_anchors.scss  |
**-------------------------------------------------------------------------*/
/*--------------------------**
|  Global Base Caret styling  |
**--------------------------*/
/*------------------------**
|  Globale Badge variables  |
**------------------------*/
/*-----------------------**
|  Global image variables  |
**-----------------------*/
/*---------------------------**
|  Global copyright variables  |
**---------------------------*/
/*------------------------------**
|  Global base loading indicator  |
**------------------------------*/
/*--------------------------------------**
|  Globale Download components variables  |
**--------------------------------------*/
/*-----------------------**
|  Globale date variables  |
**-----------------------*/
/*-------------------------**
|  Globale Toggle variables  |
**-------------------------*/
/*-------------------------**
|  Global partial variables  |
**-------------------------*/
/* Partial */
/* partial-grid layout */
/*-----------------------**
|  Global event variables  |
**-----------------------*/
/*------------------------------**
|  Global hall finder variables  |
**------------------------------*/
/* modules cordis */
/*----------------------------------------------------------------**
|  Globale variables voor de vrije content zone via de class .info  |
**----------------------------------------------------------------*/
/*-------------------------**
|  Globale Social variables  |
**-------------------------*/
/*------------------------**
|  Globale share variables  |
**------------------------*/
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*-----------------------------**
|  Global alertbanner variables  |
**-----------------------------*/
/*---------------------------**
|  Globale Contact variabelen  |
**---------------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*--------------------------**
|  Global Calendar variables |
**--------------------------*/
/*------------------------------**
|  Global progress bar variables  |
**------------------------------*/
/* modules intranet */
/*--------------------------------------------**
|  Globale Prikbord / bulletin-board variables  |
**--------------------------------------------*/
/*---------------------------**
|  Globale birthday variables  |
**---------------------------*/
/*-------------------------------**
|  Global inout persons variables  |
**-------------------------------*/
/*------------------------------------------**
|  Global applications/ toepassing variables  |
**------------------------------------------*/
/* modules school */
/*-------------------------**
|  Globale header variables  |
**-------------------------*/
/*------------------------**
|  Global search variables  |
**------------------------*/
/*--------------------------------**
|  Global main structure variables  |
**--------------------------------*/
/*------------------------**
|  Global Footer variables  |
**------------------------*/
/*---------------------------**
|  Global home page variables  |
**---------------------------*/
/*-------------------------------**
|  Globale page sitemap variables  |
**-------------------------------*/
/* Global Components */
/*----------------------------------**
|  Global variables Component swiper  |
**----------------------------------*/
/* Global modules */
/*---------------------------------**
|  Global content-blocks variabelen  |
**---------------------------------*/
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*---------------------------------------**
|  Globale Variables Slideshow / bxslider  |
**---------------------------------------*/
/*-------------------------**
|  Globale variables filter  |
**-------------------------*/
/*---------------------------------------**
|  Globale Variables AI Search  |
**---------------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/*------------------------------------**
|  Global static standalone atoz pages  |
**------------------------------------*/
/* Icordis */
/*--------------------------**
|  Globale sorting variables  |
**--------------------------*/
/*-----------------------------------------------------------------------------**
|  Variables global widget overrule + toekomst depc door vervanging pagebuilder  |
**-----------------------------------------------------------------------------*/
/*-----------**
|  Base Mixin  |
**-----------*/
/***************
* Mixin colors *
***************/
.wizard-info:not(:last-child), .control-info-extra:not(:last-child), .fieldset-group:not(:last-child), .form-group:not(:last-child),
.form-row-inline:not(:last-child),
.form-row:not(:last-child), #form-required-info:not(:last-child) {
  margin-bottom: var(--paragraph-margin-vertical, var(--paragraph-margin-vertical-bottom, 1.6rem));
}

.wizard-info > *:first-child {
  margin-top: 0;
}
.wizard-info > * *:last-child {
  margin-bottom: 0 !important;
}
.wizard-info > *:last-child {
  margin-bottom: 0 !important;
}

/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/***********************
* Mixins Screenreaders *
***********************/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
.radioboxlist-items > ul > li:focus-within input[type=checkbox],
.checkboxlist-items > ul > li:focus-within input[type=checkbox],
.radioboxlist-items > ul > li:focus-within input[type=radio],
.checkboxlist-items > ul > li:focus-within input[type=radio] {
  box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow, 0 0 rgba(0, 0, 0, 0));
}

/*
%focus-style-within {
	--ring-within-inset: var(--ring-inset);
    --ring-within-color: hsla(var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-h), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-s), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-l), var(--ring-alpha-within, 0.8));
    --ring-within-color-offset: var(--ring-color-offset);
    --ring-within-width: var(--ring-width);
    --ring-within-width-offset: var(--ring-width-offset);
    --ring-within-offset-shadow: var(--ring-within-inset) 0 0 0 var(--ring-within-width-offset) var(--ring-within-color-offset);
    --ring-within-shadow: var(--ring-within-inset) 0 0 0 calc(var(--ring-within-width) + var(--ring-within-width-offset)) var(--ring-within-color); //0 0 #0000;
	box-shadow: var(--ring-within-offset-shadow, 0 0 #0000), var(--ring-within-shadow, 0 0 #0000), outputCssvar($shadow-none, shadow);
}

%focus-within  {
	&:focus-within {
		@extend %focus-style-within;
		// @include border-radius($border-radius);
    }
}
*/
/****************
* Border radius *
****************/
/*--------------------------------**
|  Border-radius mixin the new way  |
**--------------------------------*/
/************
* Gradients *
************/
/************************
* Mixin flex properties *
************************/
/*-----------**
|  mixin icon  |
**-----------*/
.pick-files::after, .toggle-datepicker::after,
.toggle-timepicker::after, [class*=boicon-]::after, .checkboxlist-toggle .btn-chklist-toggle::after, .pick-files::before, .toggle-datepicker::before,
.toggle-timepicker::before, [class*=boicon-]::before, .checkboxlist-toggle .btn-chklist-toggle::before {
  font-family: var(--font-icon);
  position: relative;
  flex-shrink: 0;
  top: var(--icon-position-top, 0);
  font-size: var(--icon-size-square, 1.6rem);
}
.pick-files::before, .toggle-datepicker::before,
.toggle-timepicker::before, [class*=boicon-]::before, .checkboxlist-toggle .btn-chklist-toggle::before {
  margin-right: var(--icon-margin-horizontal, var(--icon-margin-horizontal-right, 0));
}
.pick-files::after, .toggle-datepicker::after,
.toggle-timepicker::after, [class*=boicon-]::after, .checkboxlist-toggle .btn-chklist-toggle::after {
  margin-left: var(--icon-margin-horizontal, var(--icon-margin-horizontal-left, 0));
}

/*----------**
|  Mixin box  |
**----------*/
.imagelist-items .list,
.svglist-items .list, .control-list-inline {
  display: var(--list-inline-display, flex);
  justify-content: var(--list-inline-justify-content, flex-start);
  align-items: var(--list-inline-align-items, center);
  flex-wrap: var(--list-inline-flex-wrap, wrap);
  --headings-margin-vertical-bottom: 0;
  --icon-position-top: 0;
}

/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
.group-table > .control-wrapper {
  overflow-x: auto;
}
@media (max-width: 31.98em) {
  .group-table > .control-wrapper {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .group-table > .control-wrapper > .table {
    margin-bottom: 0;
  }
  .group-table > .control-wrapper > .table > thead > tr > th,
  .group-table > .control-wrapper > .table > thead > tr > td,
  .group-table > .control-wrapper > .table > tbody > tr > th,
  .group-table > .control-wrapper > .table > tbody > tr > td,
  .group-table > .control-wrapper > .table > tfoot > tr > th,
  .group-table > .control-wrapper > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.group-table {
  display: table-cell;
  width: 100%;
}

/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
.radioboxlist-items > ul > li,
.checkboxlist-items > ul > li {
  --label-font-weight: 400;
}
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
#form-required-info {
  display: block;
  --paragraph-margin-vertical-bottom: 0.8rem;
}

.alertbox-danger:not(:last-child) {
  margin-bottom: var(--paragraph-margin-vertical, var(--paragraph-margin-vertical-bottom, 4rem));
}

[class*=boicon-], .checkboxlist-toggle .btn-chklist-toggle {
  --font-icon: "icomoon-cbo";
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --icon-color-primary: var(--color1-base);
  display: var(--display, inline-flex);
  justify-content: var(--btn-justify-content, center);
  align-items: var(--btn-align-items, center);
  --icon-margin-horizontal: 0.5rem;
}

.form-group,
.form-row-inline,
.form-row {
  --paragraph-margin-vertical-bottom: 1.6rem;
}
.form-group + .fieldset-group,
.form-row-inline + .fieldset-group,
.form-row + .fieldset-group {
  margin-top: var(--margin-vertical, var(--margin-vertical-top, 2.4rem));
}

.form-group,
.fieldset-group {
  position: relative;
}
.form-group .control-info-text,
.fieldset-group .control-info-text {
  position: relative;
  color: var(--body-color, var(--black));
  font-size: var(--font-size, 1.4rem);
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 2rem));
}
.form-group .control-info-text:before,
.fieldset-group .control-info-text:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: var(--body-color, var(--black));
  left: 0.5rem;
}
.form-group .control-info-text:after,
.fieldset-group .control-info-text:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1px;
  background-color: var(--body-color, var(--black));
  left: 0.5rem;
  top: 2rem;
}

.form-row,
.group-crab .sub-control-item {
  --gutter-horizontal: var(--padding-horizontal-base);
  display: var(--row-display, flex);
  flex-wrap: var(--row-flex-wrap, wrap);
  row-gap: var(--gutter-vertical, 0);
  margin-right: calc(var(--gutter-horizontal, 3rem) / -2);
  margin-left: calc(var(--gutter-horizontal, 3rem) / -2);
}
.form-row > *,
.group-crab .sub-control-item > * {
  flex-shrink: var(--flex-shrink, 0);
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
  padding-right: calc(var(--gutter-horizontal, 3rem) / 2);
  padding-left: calc(var(--gutter-horizontal, 3rem) / 2);
  width: var(--col-size-width, 100%);
  max-width: 100%;
}
@media (min-width: 64em) {
  .form-row > *,
  .group-crab .sub-control-item > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
.form-row .form-control,
.group-crab .sub-control-item .form-control {
  width: 100% !important;
}

.form-group.group-textarea textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

@media (min-width: 64em) {
  .form-row > .group-col-1 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 8.33333333%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-2 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 16.66666667%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-3 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 25%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-4 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 33.33333333%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-5 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 41.66666667%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-6 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 50%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-7 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 58.33333333%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-8 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 66.66666667%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-9 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 75%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-10 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 83.33333333%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-11 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 91.66666667%;
  }
}
@media (min-width: 64em) {
  .form-row > .group-col-12 {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
@media (min-width: 64em) {
  .form-row:not(.sub-control-item) > .form-group {
    margin-bottom: 0;
  }
}

.group-crab .sub-control-item {
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 1.6rem));
  --padding-horizontal: 0;
}
@media (min-width: 64em) {
  .group-crab .group-choice {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
@media (min-width: 64em) {
  .group-crab .group-street {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 50%;
  }
}
@media (min-width: 64em) {
  .group-crab .group-houseno,
  .group-crab .group-bus,
  .group-crab .group-postalcode {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 25%;
  }
}
@media (min-width: 64em) {
  .group-crab .group-city {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 75%;
  }
}

.form-inline > .form-group {
  --gutter-vertical: 1.6rem;
  --gutter-horizontal: var(--padding-horizontal-base);
  display: var(--row-display, flex);
  flex-wrap: var(--row-flex-wrap, wrap);
  margin-top: calc(var(--gutter-vertical, 0) * -1);
  margin-right: calc(var(--gutter-horizontal, 3rem) / -2);
  margin-left: calc(var(--gutter-horizontal, 3rem) / -2);
}
.form-inline > .form-group > * {
  flex-shrink: var(--flex-shrink, 0);
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
  margin-top: var(--gutter-vertical, 0);
  padding-right: calc(var(--gutter-horizontal, 3rem) / 2);
  padding-left: calc(var(--gutter-horizontal, 3rem) / 2);
  width: var(--col-size-width, 100%);
  max-width: 100%;
}
@media (min-width: 64em) {
  .form-inline > .form-group > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
@media (min-width: 64em) {
  .form-inline > .form-group > .control-label {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 25%;
  }
}
@media (min-width: 64em) {
  .form-inline > .form-group > .control-wrapper {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 75%;
  }
}

.form-row-inline,
.date-time-control-wrapper {
  display: var(--display, flex);
  flex-direction: var(--flex-direction, row);
  gap: var(--gap, var(--padding-horizontal-base));
}
@media (max-width: 63.98em) {
  .form-row-inline,
  .date-time-control-wrapper {
    --flex-direction: column;
    --gap: 1.6rem;
  }
}

.group-inline {
  --paragraph-margin-vertical: 0;
}

.fieldset-group {
  --paragraph-margin-vertical-bottom: 2.4rem;
}
.fieldset-group.group-sub-controls > legend.title, .fieldset-group.group-crab > legend.title {
  --font-size: 1.8rem;
}
.fieldset-group:not(.group-sub-controls) > legend.title {
  color: var(--label-text-color, var(--body-color));
  font-weight: var(--label-font-weight, 700);
  font-size: var(--font-size, var(--body-font-size));
  margin-bottom: var(--label-margin-vertical, var(--label-margin-vertical-bottom, 0.5rem));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  font-family: var(--font-family);
}

.sub-control-item {
  position: relative;
  --form-sub-control-item-box-padding: 1.2rem;
  --lhcrop-label-fix: 0.3rem;
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, calc(4.2rem + var(--padding-horizontal-base))));
}
.sub-control-item.form-row {
  margin-bottom: 0;
}
.sub-control-item.form-row .btn-delete-row {
  right: calc(var(--padding-horizontal-base) / 2);
}
.sub-control-item::after {
  content: "";
  position: absolute;
  left: var(--left, calc(var(--form-sub-control-item-box-padding) / 2 * -1));
  top: var(--top, calc((var(--form-sub-control-item-box-padding) / 2 - var(--lhcrop-label-fix)) * -1));
  width: var(--size-width, calc(100% + var(--form-sub-control-item-box-padding)));
  height: var(--size-height, calc(100% + var(--form-sub-control-item-box-padding)));
  border: 0.1rem dashed var(--border-color-delete-row, transparent);
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  transform-origin: center;
  border-radius: var(--border-radius, var(--input-border-radius));
  z-index: -1;
}
.sub-control-item:hover, .sub-control-item:focus-visible, .sub-control-item:focus-within {
  --border-color-delete-row: var(--gray-light);
}
.sub-control-item .btn-delete-row {
  position: absolute;
  right: 0;
  top: 0.4rem;
}

.sub-control-item.form-row,
.group-crab .sub-control-item {
  --left: calc(var(--padding-horizontal-base) / 2 + var(--form-sub-control-item-box-padding) / 2 * -1);
  --form-sub-size-width: calc(100% - (var(--padding-horizontal-base)) + var(--form-sub-control-item-box-padding));
  --form-sub-size-height: calc(100% - 1.6rem + var(--form-sub-control-item-box-padding));
}

.btn-add-new-row,
.btn-delete-row,
.control-streetmap-btn-remove-poi,
.pick-files,
.control-streetmap-btn-use-current-location {
  --border-radius-base: 0.1rem;
  --btn-text-color: #fff;
  --btn-background-color: #6c757d;
  --btn-border-color: #6c757d;
  --btn-text-color-hover: #fff;
  --btn-background-color-hover: #6c757d;
  --btn-border-color-hover: #6c757d;
  --icon-color-primary: #fff;
  --icon-color-hover: #fff;
  --btn-icon-color-primary: #fff;
  --btn-icon-color-hover: #fff;
}

.btn-add-new-row,
.control-streetmap-btn-use-current-location,
.pick-files {
  --btn-text-color-hover: var(--alertbox-success-text-color);
  --btn-background-color-hover: var(--alertbox-success-background-color);
  --btn-border-color-hover: var(--alertbox-success-border-color);
  --icon-color-hover: var(--alertbox-success-text-color);
  --btn-icon-color-hover: var(--alertbox-success-text-color);
}

.btn-delete-row,
.control-streetmap-btn-remove-poi,
.btn-remove-file {
  --btn-text-color-hover: var(--alertbox-danger-text-color);
  --btn-background-color-hover: var(--alertbox-danger-background-color);
  --btn-border-color-hover: var(--alertbox-danger-border-color);
  --icon-color-hover: var(--alertbox-danger-text-color);
  --btn-icon-color-hover: var(--alertbox-danger-text-color);
}

.btn-add-new-row,
.pick-files,
.btn-remove-file {
  --btn-padding-vertical: 0.5rem;
  --btn-padding-horizontal: 0.8rem;
  --btn-font-size: 1.4rem;
  --icon-size-square: 1.4rem;
}

.btn-delete-row,
.btn-remove-file {
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  height: var(--btn-size-square, var(--btn-size-height, 4.2rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
}
.btn-delete-row > span,
.btn-remove-file > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.btn-table-square {
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  height: var(--btn-size-square, var(--btn-size-height, 4.2rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
}
.btn-table-square > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.control-info-extra {
  color: var(--color, var(--alertbox-info-text-color));
  display: block;
}

.control-list-inline {
  --list-padding-horizontal: 0;
  padding-left: var(--list-padding-horizontal, 0);
  list-style: none;
  row-gap: var(--list-inline-gutter-vertical, 0.8rem);
  column-gap: var(--list-inline-gutter-horizontal, 1.2rem);
}

.group-picker__control {
  display: var(--display, flex);
}
.group-picker__control .form-control {
  border-top-right-radius: var(--border-radius-right, 0);
  border-bottom-right-radius: var(--border-radius-right, 0);
}

.toggle-datepicker,
.toggle-timepicker {
  --font-icon: "icomoon-cbo";
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --icon-color-primary: var(--color1-base);
  border-top-left-radius: var(--border-radius-left, 0);
  border-bottom-left-radius: var(--border-radius-left, 0);
  --btn-text-color: #fff;
  --btn-background-color: #6c757d;
  --btn-border-color: var(--input-border-color);
  --btn-text-color-hover: var(--btn-primary-text-color-hover);
  --btn-background-color-hover: var(--btn-primary-background-color-hover);
  --btn-border-color-hover: var(--btn-primary-border-color-hover);
  --icon-color-primary: #fff;
  --icon-color-hover: var(--btn-primary-text-color-hover);
  --btn-icon-color-primary: #fff;
  --btn-icon-color-hover: var(--btn-primary-text-color-hover);
  border-left-width: 0;
  border-top-right-radius: var(--input-border-radius-top);
  border-bottom-right-radius: var(--input-border-radius-bottom);
  display: var(--display, inline-flex);
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  --btn-icon-size-square: 1.6rem;
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, var(--padding-horizontal-base)));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, var(--padding-horizontal-base)));
}
.toggle-datepicker > span,
.toggle-timepicker > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.toggle-datepicker {
  --font-icon: "icomoon-cbo";
}
.toggle-datepicker::before {
  content: "\e93b";
}

.toggle-timepicker {
  --font-icon: "icomoon-cbo";
}
.toggle-timepicker::before {
  content: "\e96a";
}

.form-control-date,
.form-control-time {
  display: var(--display, inline-flex);
}

.htmleditor-fullscreen .is_stuck {
  z-index: -1 !important;
}

.group-mce .mce-panel {
  border-color: var(--input-border-color, var(--gray-light));
  background-color: var(--input-background-color, var(--white));
}
.group-mce .control-wrapper > .mce-panel {
  border-radius: var(--input-border-radius, var(--border-radius-base));
}
.group-mce .mce-toolbar,
.group-mce .mce-top-part .mce-panel {
  border-top-left-radius: var(--border-radius-top, var(--border-radius-base));
  border-top-right-radius: var(--border-radius-top, var(--border-radius-base));
}
.group-mce .mce-toolbar,
.group-mce .mce-statusbar {
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.3rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.3rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.6rem));
  background-color: var(--background-color, var(--gray-lighter));
}
.group-mce .mce-statusbar {
  border-bottom-right-radius: var(--border-radius-bottom, var(--border-radius-base));
  border-bottom-left-radius: var(--border-radius-bottom, var(--border-radius-base));
}
.group-mce .mce-statusbar > .mce-container-body {
  align-items: var(--align-items, center);
}
.group-mce .mce-wordcount,
.group-mce .mce-branding,
.group-mce .mce-path {
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.3rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.3rem));
}
.group-mce .mce-wordcount {
  color: var(--label-color, var(--body-color));
  font-weight: var(--font-weight, 600);
}
.group-mce .mce-branding {
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0.5rem));
}
.group-mce .mce-container, .group-mce .mce-container *, .group-mce .mce-widget, .group-mce .mce-widget *, .group-mce .mce-reset {
  white-space: normal !important;
}
.group-mce .mce-fullscreen {
  background-color: var(--background-color, var(--white));
}

.tox .tox-tbtn {
  all: unset;
}
.tox svg {
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: auto;
}

/*************
* STREETMAP *
*************/
.control-streetmap {
  height: var(--streetmap-height, 350px);
}
.control-streetmap .streetmap,
.control-streetmap .no-streetmap {
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
}
.control-streetmap .leaflet-control-layers-base label > div {
  display: var(--display, flex);
  align-items: var(--align-items, center);
}
.control-streetmap .leaflet-control-layers-base label > div input[type=checkbox],
.control-streetmap .leaflet-control-layers-base label > div input[type=radio] {
  --icon-position-top: 0;
}

.module-streetmap-wrapper {
  position: relative;
}
.streetmap-search {
  display: var(--display, flex);
  position: relative;
  z-index: 1040;
}
.streetmap-search .control-wrapper {
  flex-grow: var(--flex-grow, 1);
}
.streetmap-search .control-wrapper .form-control {
  border-top-right-radius: var(--border-radius-right, 0);
  border-bottom-right-radius: var(--border-radius-right, 0);
  border-bottom-left-radius: var(--border-radius-bottom-left, 0);
}
.streetmap-search .input-group-btn {
  margin-left: -0.1rem;
  display: flex;
}
.streetmap-search .input-group-btn > .btn-search {
  border-top-left-radius: var(--border-radius-left, 0);
  border-bottom-left-radius: var(--border-radius-left, 0);
  border-bottom-right-radius: var(--border-radius-bottom, 0);
  border-bottom-left-radius: var(--border-radius-bottom, 0);
}

.control-streetmap-search-input {
  height: 100%;
}

.control-btn-wrapper {
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 0.8rem));
  padding: 0;
  border: none;
  gap: 0.8rem;
}

.control-streetmap-btn-use-current-location,
.control-streetmap-btn-remove-poi {
  border-bottom-right-radius: var(--border-radius-bottom, 0);
  border-bottom-left-radius: var(--border-radius-bottom, 0);
}
@media (max-width: 47.98em) {
  .control-streetmap-btn-use-current-location,
  .control-streetmap-btn-remove-poi {
    --icon-margin-horizontal: 0;
    --icon-position-top: 0;
  }
  .control-streetmap-btn-use-current-location > span,
  .control-streetmap-btn-remove-poi > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

.media-browser-upload {
  margin-top: var(--margin-vertical, var(--margin-vertical-top, 1.6rem));
}

.group-upload .upload-list {
  --list-padding-horizontal: 0;
  padding-left: var(--list-padding-horizontal, 0);
  list-style: none;
}
.group-upload .upload-list .loading-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.group-upload .upload-list .progress {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.6rem));
}
.group-upload .upload-list li {
  display: var(--display, flex);
  align-items: var(--align-items, center);
}
.group-upload .upload-list li:not(:last-child) {
  position: relative;
  padding-bottom: calc(var(--separator-spacing, 0.5rem) * 2 + 0.1rem);
}
.group-upload .upload-list li:not(:last-child)::after {
  content: "";
  position: var(--position, absolute);
  left: var(--position-left, 50%);
  transform: translateX(-50%);
  bottom: var(--separator-spacing, 0.5rem);
  width: var(--separator-border-width, 100%);
  border-bottom: var(--separator-width, var(--border-width-base)) var(--separator-style, var(--border-style-base)) var(--separator-color, var(--border-color-base));
}
.group-upload .upload-list .btn-remove-file {
  --font-icon: "icomoon-cbo";
  margin-left: auto;
}
.group-upload .upload-list .btn-remove-file::before {
  content: "\e994";
}

.pick-files {
  --font-icon: "icomoon-cbo";
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --icon-color-primary: var(--color1-base);
  --font-icon: "icomoon-cbo";
}
.pick-files::before {
  content: "\e911";
}

.label-help-text,
.show-merge-window {
  float: var(--float, right);
}
.label-help-text::before,
.show-merge-window::before {
  margin-right: 0;
  margin-left: var(--icon-margin-horizontal);
}
.label-help-text:hover,
.show-merge-window:hover {
  cursor: pointer;
}

.control-label:has(.label-help-text) {
  position: relative;
}

.label-help-text:hover > span {
  visibility: visible;
}
.label-help-text span {
  visibility: hidden;
  position: absolute;
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1.5rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 1.5rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.5rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.5rem));
  left: 0;
  top: 100%;
  margin-right: var(--margin-horizontal, var(--margin-horizontal-right, 0.5rem));
  border-radius: var(--border-radius, 0.4rem);
  font-size: var(--font-size, 1.4rem);
  font-weight: var(--label-font-weight, 400);
  line-height: 2.1rem;
  background-color: var(--background-color, var(--color1-base));
  color: var(--text-color, var(--white));
  z-index: 1090;
  min-width: 250px;
}

.table td {
  vertical-align: middle;
}
.table td .group-radiobox,
.table td .group-checkbox {
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.5rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.5rem));
}
.table td .group-radiobox > .control-wrapper,
.table td .group-checkbox > .control-wrapper {
  justify-content: var(--justify-content, center);
}
.table td .group-radiobox > .control-wrapper > input,
.table td .group-checkbox > .control-wrapper > input {
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
}
.table td .group-radiobox > .control-wrapper > label,
.table td .group-checkbox > .control-wrapper > label {
  align-items: var(--align-items, center);
  justify-content: var(--justify-content, center);
}
.table td .group-radiobox > .control-wrapper > label > span,
.table td .group-checkbox > .control-wrapper > label > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.table td .group-radiobox > .control-wrapper > label:focus,
.table td .group-checkbox > .control-wrapper > label:focus {
  outline: none;
}

.table.table-hours > thead tr > th {
  vertical-align: middle;
  text-align: center;
}
.table.table-hours > thead tr > th:first-child {
  text-align: left;
}

.hours-control,
.hours-copy,
.row-remove {
  text-align: center;
}

.hours-control .form-control {
  background-color: var(--background-color, var(--white));
}
.hours-control .form-control[disabled], .hours-control .form-control[disabled]:hover, .hours-control .form-control[disabled]:focus, .hours-control .form-control[readonly], .hours-control .form-control[readonly]:hover, .hours-control .form-control[readonly]:focus {
  opacity: 0.4;
  border-color: var(--input-border-color);
  background-color: transparent;
}

.btn-hours-copy {
  --btn-text-color: #fff;
  --btn-background-color: #6c757d;
  --btn-border-color: var(--input-border-color);
  --btn-text-color-hover: var(--btn-primary-text-color-hover);
  --btn-background-color-hover: var(--btn-primary-background-color-hover);
  --btn-border-color-hover: var(--btn-primary-border-color-hover);
  --icon-color-primary: #fff;
  --icon-color-hover: var(--btn-primary-text-color-hover);
  --btn-icon-color-primary: #fff;
  --btn-icon-color-hover: var(--btn-primary-text-color-hover);
}

.nav-tabs-table ~ .files-table {
  margin-top: -1px;
  background-color: var(--nav-tabs-background-color, var(--gray-lighter));
  border-width: var(--nav-tabs-border-width, 1px);
  border-style: var(--nav-tabs-border-style, solid);
  border-color: var(--nav-tabs-border-color, var(--gray-light));
  padding-top: var(--box-padding-vertical, var(--box-padding-vertical-top, 1.6rem));
  padding-bottom: var(--box-padding-vertical, var(--box-padding-vertical-bottom, 1.6rem));
  padding-left: var(--box-padding-horizontal, var(--box-padding-horizontal-left, 1.6rem));
  padding-right: var(--box-padding-horizontal, var(--box-padding-horizontal-right, 1.6rem));
  border-top-left-radius: var(--box-border-radius-top, var(--box-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--box-border-radius-top, var(--box-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-right, var(--border-radius-base)));
  border-top-left-radius: var(--border-radius-top-left, 0);
}
.nav-tabs-table ~ .files-table:hover:not(span), .nav-tabs-table ~ .files-table:focus-visible:not(span) {
  background-color: var(--nav-tabs-background-color-hover, var(--gray-lighter));
  --icon-color-primary: var(--icon-color-hover);
  border-color: var(--nav-tabs-border-color-hover, var(--gray-light));
}

.content-files {
  position: relative;
}
.content-files .media-help-text {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.3rem));
  margin-top: var(--margin-vertical, var(--margin-vertical-top, 0.5rem));
  display: block;
}
.content-files .files-table .alertbox-info {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.6rem));
}
.content-files .files-table .table th.th-thumb > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.content-files .files-table .table th.td-remove, .content-files .files-table .table th.td-delete {
  text-align: center;
}
.content-files .files-table .table td {
  vertical-align: middle;
}
.group-search-selector .control-wrapper > div {
  flex-direction: var(--flex-direction, column);
}
.group-search-selector .control-wrapper > div,
.group-search-selector .control-wrapper > div .selector-data-action-buttons {
  display: var(--display, flex);
  justify-content: var(--justify-content, center);
}
.group-search-selector .control-wrapper > div .selector-data-action-buttons {
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1.6rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 1.6rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.6rem));
}
.group-search-selector .control-wrapper > div .selector-data-action-buttons button + button {
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 0.5rem));
}
.group-search-selector .control-wrapper > div .selector-data-action-buttons button > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 64em) {
  .group-search-selector .control-wrapper > div {
    flex-direction: var(--flex-direction, row);
    align-items: var(--align-items, flex-start);
  }
  .group-search-selector .control-wrapper > div .selector-data-action-buttons {
    flex-direction: var(--flex-direction, column);
  }
  .group-search-selector .control-wrapper > div .selector-data-action-buttons button {
    transform: rotate(-90deg);
  }
  .group-search-selector .control-wrapper > div .selector-data-action-buttons button + button {
    margin-top: var(--margin-vertical, var(--margin-vertical-top, 0.5rem));
    margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 0));
  }
  .group-search-selector .control-wrapper > div > div.search-selector-input-wrapper, .group-search-selector .control-wrapper > div > div.search-selector-output-wrapper {
    flex: 40%;
  }
  .group-search-selector .control-wrapper > div > div.search-selector-input-wrapper label, .group-search-selector .control-wrapper > div > div.search-selector-output-wrapper label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .group-search-selector .control-wrapper > div > div.selector-data-action-buttons {
    display: var(--display, flex);
    align-items: var(--align-items, center);
  }
}
.group-search-selector .control-wrapper > div .selector-search-data,
.group-search-selector .control-wrapper > div .selector-search-selected-data {
  display: block;
  width: 100%;
  color: var(--input-text-color, var(--body-color));
  background-color: var(--input-background-color, var(--white));
  font-weight: var(--input-font-weight, 400);
  border-width: var(--input-border-width, 0.1rem);
  border-style: var(--input-border-style, solid);
  border-color: var(--input-border-color, var(--gray-light));
  padding-top: var(--input-padding-vertical, var(--input-padding-vertical-top, 0.8rem));
  padding-bottom: var(--input-padding-vertical, var(--input-padding-vertical-bottom, 0.8rem));
  padding-left: var(--input-padding-horizontal, var(--input-padding-horizontal-left, 1.2rem));
  padding-right: var(--input-padding-horizontal, var(--input-padding-horizontal-right, 1.2rem));
  font-size: var(--input-font-size, var(--font-size, 1.6rem));
  border-top-left-radius: var(--input-border-radius-top, var(--input-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--input-border-radius-top, var(--input-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--input-border-radius-bottom, var(--input-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--input-border-radius-bottom, var(--input-border-radius-bottom-right, var(--border-radius-base)));
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.group-search-selector .control-wrapper > div .selector-data-search-list,
.group-search-selector .control-wrapper > div .selector-data-selected-list {
  height: 214px;
  overflow-y: auto;
  --list-padding-horizontal: 0;
  padding-left: var(--list-padding-horizontal, 0);
  list-style: none;
  color: var(--input-text-color, var(--body-color));
  background-color: var(--input-background-color, var(--white));
  font-weight: var(--input-font-weight, 400);
  border-width: var(--input-border-width, 0.1rem);
  border-style: var(--input-border-style, solid);
  border-color: var(--input-border-color, var(--gray-light));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.2rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.2rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.8rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.8rem));
  --list-padding-horizontal: 1.2rem;
}
.group-search-selector .control-wrapper > div .selector-data-search-list > li:not(:last-child),
.group-search-selector .control-wrapper > div .selector-data-selected-list > li:not(:last-child) {
  border-bottom: 1px dotted var(--gray-light);
}
.group-search-selector .control-wrapper > div .selector-data-search-list > li a,
.group-search-selector .control-wrapper > div .selector-data-selected-list > li a {
  display: var(--display, block);
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0.8rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 0.8rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.8rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.8rem));
  --link-decoration: none;
  background-color: var(--selector-background-color, var(--white));
}
.group-search-selector .control-wrapper > div .selector-data-search-list > li a:hover, .group-search-selector .control-wrapper > div .selector-data-search-list > li a:focus,
.group-search-selector .control-wrapper > div .selector-data-selected-list > li a:hover,
.group-search-selector .control-wrapper > div .selector-data-selected-list > li a:focus {
  --selector-background-color: var(--gray-lighter);
}
.group-search-selector .control-wrapper > div .selector-data-search-list > li.selected a,
.group-search-selector .control-wrapper > div .selector-data-selected-list > li.selected a {
  --selector-background-color: var(--color1-lighter);
}
.group-search-selector .control-wrapper > div .selector-data-search-list > li.selected:nth-child(even) a,
.group-search-selector .control-wrapper > div .selector-data-selected-list > li.selected:nth-child(even) a {
  --selector-background-color: var(--color1-light);
}

.selector-data-list a {
  color: var(--body-color);
}

.selector-data-action-btn {
  --btn-background-color-hover: var(--gray-light);
}

.row-sort {
  --display: flex;
}

.row-type {
  width: 60px;
}
.row-type > a {
  position: relative;
  z-index: 1;
  display: block;
}
.row-type .photo {
  border: 1px solid var(--border-color-base);
  width: var(--width, 6rem);
}
.row-type a {
  text-decoration: none;
}
.row-type.image:not(.vimeo):not(.youtube) > a {
  cursor: zoom-in;
}
.row-type.image:not(.vimeo):not(.youtube) > a .photo {
  width: var(--size-square, var(--size-width, 6rem));
  height: var(--size-square, var(--size-height, 6rem));
  min-width: var(--size-square, var(--size-width, 6rem));
}
@media (min-width: 64em) {
  .row-type.image:not(.vimeo):not(.youtube) > a:hover {
    z-index: 2;
  }
  .row-type.image:not(.vimeo):not(.youtube) > a:hover .photo {
    transform: scale(2.1);
  }
}

.extension {
  background-color: var(--background-color, var(--white));
  border-radius: var(--border-radius, var(--border-radius-base));
  display: var(--display, inline-flex);
  justify-content: var(--justify-content, center);
  align-items: var(--align-items, center);
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 3rem;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  --btn-icon-size-square: 3rem;
  width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  height: var(--btn-size-square, var(--btn-size-height, 4.2rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
}
.extension > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.nav-tabs .nav__item .boicon-warning,
[class*=nav-tabs-] .nav__item .boicon-warning {
  --icon-margin-horizontal: 0;
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 0.5rem));
}

.tab-item {
  margin-bottom: var(--main-section-margin-vertical, var(--main-section-margin-vertical-bottom, 4rem));
  margin-top: var(--margin-vertical, var(--margin-vertical-top, -1px));
  background-color: var(--nav-tabs-background-color, var(--gray-lighter));
  border-width: var(--nav-tabs-border-width, 1px);
  border-style: var(--nav-tabs-border-style, solid);
  border-color: var(--nav-tabs-border-color, var(--gray-light));
  padding-top: var(--box-padding-vertical, var(--box-padding-vertical-top, 1.6rem));
  padding-bottom: var(--box-padding-vertical, var(--box-padding-vertical-bottom, 1.6rem));
  padding-left: var(--box-padding-horizontal, var(--box-padding-horizontal-left, 1.6rem));
  padding-right: var(--box-padding-horizontal, var(--box-padding-horizontal-right, 1.6rem));
  border-top-left-radius: var(--box-border-radius-top, var(--box-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--box-border-radius-top, var(--box-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-right, var(--border-radius-base)));
  border-top-left-radius: var(--border-radius-top-left, 0);
}
.tab-item:hover:not(span), .tab-item:focus-visible:not(span) {
  background-color: var(--nav-tabs-background-color-hover, var(--gray-lighter));
  --icon-color-primary: var(--icon-color-hover);
  border-color: var(--nav-tabs-border-color-hover, var(--gray-light));
}
.tab-item + .group-btn {
  margin-top: var(--margin-vertical, var(--margin-vertical-top, 1.6rem));
}

.checkboxlist-toggle .checkboxlist-toplevel {
  display: var(--display, flex);
}
.checkboxlist-toggle .btn-chklist-toggle {
  position: relative;
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  --btn-icon-size-square: 1.6rem;
  width: var(--btn-size-square, var(--btn-size-width, 1.6rem));
  height: var(--btn-size-square, var(--btn-size-height, 1.6rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 1.6rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
  --font-icon: "icomoon-cbo";
  --btn-text-color: var(--color2-base);
  --btn-background-color: transparent;
  --btn-border-color: transparent;
  --btn-text-color-hover: var(--color2-base);
  --btn-background-color-hover: transparent;
  --btn-border-color-hover: transparent;
  --icon-color-primary: var(--color2-base);
  --icon-color-hover: var(--color2-base);
  --btn-icon-color-primary: var(--color2-base);
  --btn-icon-color-hover: var(--color2-base);
  order: 2;
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 0.8rem));
  top: var(--position-top, 0.4rem);
}
.checkboxlist-toggle .btn-chklist-toggle > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.checkboxlist-toggle .btn-chklist-toggle::before {
  content: "\e929";
}
.checkboxlist-toggle input[type=checkbox] {
  top: var(--icon-position-top, 0.4rem);
  margin-right: var(--icon-margin-horizontal, var(--icon-margin-horizontal-right, 0.8rem));
}

.group-radioboxlist .other-text,
.group-checkboxlist .other-text {
  display: var(--other-text-display, none);
  position: relative;
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 2rem));
}
.group-radioboxlist .other-text:before,
.group-checkboxlist .other-text:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: var(--body-color, var(--black));
  left: 0.5rem;
}
.group-radioboxlist .other-text:after,
.group-checkboxlist .other-text:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1px;
  background-color: var(--body-color, var(--black));
  left: 0.5rem;
  top: 2rem;
}
.group-radioboxlist label .control-label-info,
.group-checkboxlist label .control-label-info {
  color: var(--label-info-color, var(--gray-base));
  font-size: var(--font-size, 1.4rem);
}
.group-radioboxlist li,
.group-checkboxlist li {
  display: var(--list-options-display, flex);
  align-items: var(--list-options-align-items, flex-start);
  flex-direction: var(--list-options-flex-direction, row);
}
.group-radioboxlist li:has(input:checked) > .other-text,
.group-checkboxlist li:has(input:checked) > .other-text {
  --other-text-display: block;
}
.group-radioboxlist li:has(.other-text),
.group-checkboxlist li:has(.other-text) {
  --list-options-flex-direction: column;
}
.group-radioboxlist li:has(.other-text) > :first-child,
.group-radioboxlist li:has(.other-text) > :first-child label,
.group-checkboxlist li:has(.other-text) > :first-child,
.group-checkboxlist li:has(.other-text) > :first-child label {
  margin-bottom: 0;
}
.group-radioboxlist li.disabled label,
.group-checkboxlist li.disabled label {
  color: var(--label-info-color, var(--gray-base));
  cursor: var(--disabled-cursor, not-allowed);
}

/********************
* FOTOLIJST LAYOUT *
********************/
.group-imagelist .list,
.group-svglist .list {
  --list-padding-horizontal: 0;
}
.group-imagelist .control-wrapper,
.group-svglist .control-wrapper {
  --label-font-weight: 400;
}
.group-imagelist label,
.group-svglist label {
  background-color: var(--background-color, var(--input-border-background));
  border-width: var(--border-width, var(--input-border-width));
  border-style: var(--border-style, var(--input-border-style));
  border-color: var(--border-color, var(--input-border-color));
  padding-top: var(--input-padding-vertical, var(--input-padding-vertical-top, 0.8rem));
  padding-bottom: var(--input-padding-vertical, var(--input-padding-vertical-bottom, 0.8rem));
  padding-left: var(--input-padding-horizontal, var(--input-padding-horizontal-left, 1.2rem));
  padding-right: var(--input-padding-horizontal, var(--input-padding-horizontal-right, 1.2rem));
  font-size: var(--input-font-size, var(--font-size, 1.6rem));
  border-top-left-radius: var(--input-border-radius-top, var(--input-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--input-border-radius-top, var(--input-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--input-border-radius-bottom, var(--input-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--input-border-radius-bottom, var(--input-border-radius-bottom-right, var(--border-radius-base)));
}
.group-imagelist label:hover:not(span), .group-imagelist label:focus-visible:not(span),
.group-svglist label:hover:not(span),
.group-svglist label:focus-visible:not(span) {
  background-color: var(--background-color-hover, var(--input-border-background));
  --icon-color-primary: var(--icon-color-hover);
  border-color: var(--border-color-hover, var(--input-border-color));
}
.group-imagelist label span,
.group-svglist label span {
  display: var(--display, flex);
  flex-direction: var(--flex-direction, column);
  align-items: var(--align-items, center);
}
.group-imagelist label .img-title,
.group-svglist label .img-title {
  text-align: center;
}
.group-imagelist label::after,
.group-svglist label::after {
  content: "";
  position: var(--position, absolute);
  top: var(--position-top, 50%);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, 50%);
  transform: translate(-50%, -50%);
  width: var(--size-square, var(--size-width, 0));
  height: var(--size-square, var(--size-height, 0));
  min-width: var(--size-square, var(--size-width, 0));
  border: 0.4rem solid var(--border-color-checked, transparent);
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  transform-origin: center;
  border-radius: var(--border-radius, var(--input-border-radius));
}
.group-imagelist label:hover,
.group-svglist label:hover {
  --input-border-color: var(--link-color-hover);
}
.group-imagelist input,
.group-svglist input {
  position: absolute;
  opacity: 0;
}
.group-imagelist input:checked ~ label,
.group-svglist input:checked ~ label {
  --size-square: calc(100% + 0.2rem);
  --border-color-checked: var(--color1-base);
}
.imagelist-items .list,
.svglist-items .list {
  --list-padding-horizontal: 0;
  padding-left: var(--list-padding-horizontal, 0);
  list-style: none;
  row-gap: var(--list-inline-gutter-vertical, 0.8rem);
  column-gap: var(--list-inline-gutter-horizontal, 1.2rem);
}
.imagelist-items .list li,
.svglist-items .list li {
  max-width: var(--media-list-width, 25rem);
}
@media (min-width: 48em) {
  .imagelist-items .list-grid li,
  .svglist-items .list-grid li {
    --col-size-width: 25%;
  }
}
.imagelist-items .list-grid label,
.svglist-items .list-grid label {
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  text-align: center;
}

/*-------------**
|  Range picker  |
**-------------*/
.group-range .control-wrapper {
  position: relative;
}
.group-range output {
  background-color: var(--white);
  border-radius: var(--border-radius, 0.3rem);
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0.8rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 0.8rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.5rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.5rem));
  font-size: var(--font-size, 1.4rem);
  margin-top: 0;
  white-space: nowrap;
  z-index: 1080;
  position: absolute;
  top: 100%;
  box-shadow: 0px 0px 5px hsla(var(--black-h), var(--black-s), var(--black-l), 60%);
}
.group-range .range-legend {
  display: var(--display, flex);
  justify-content: var(--justify-content, space-between);
  font-size: var(--font-size, 1.4rem);
}

/* range */
input[type=range] {
  -webkit-appearance: none;
  margin: 12px 0;
  width: 100%;
  background-color: transparent;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: var(--input-range-slider-track-color, var(--gray-light));
  border-radius: var(--border-radius, 0.3rem);
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 5px hsla(var(--black-h), var(--black-s), calc(var(--black-l) - 70%), var(--black-a));
  width: var(--size-square, var(--size-width, 1.6rem));
  height: var(--size-square, var(--size-height, 1.6rem));
  min-width: var(--size-square, var(--size-width, 1.6rem));
  border-radius: var(--border-radius, 50%);
  background: var(--color2-base);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 3px hsla(var(--black-h), var(--black-s), var(--black-l), 70%);
  width: var(--size-square, var(--size-width, 1.6rem));
  height: var(--size-square, var(--size-height, 1.6rem));
  min-width: var(--size-square, var(--size-width, 1.6rem));
  border-radius: var(--border-radius, 50%);
  border: none;
  background: var(--color2-base);
  cursor: pointer;
}
input[type=range]::-ms-fill-lower {
  background: var(--black);
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: var(--gray-darker);
  border-radius: 2.6px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: hsla(var(--gray-darker-h), var(--gray-darker-s), calc(var(--gray-darker-l) - 5%), var(--gray-darker-a));
}
input[type=range]:focus::-ms-fill-lower {
  background: var(--black);
}
input[type=range]:focus::-ms-fill-upper {
  background: var(--gray-darker);
}

.group-country-phone > .control-wrapper {
  display: flex;
}
.group-country-phone > .control-wrapper > .form-control {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-country-phone .select2-selection--single {
  --input-text-color: var(--btn-primary-text-color);
  --input-background-color: var(--btn-primary-background-color);
  --input-text-color-hover: var(--btn-primary-text-color);
  --input-background-color-hover: var(--btn-primary-background-color);
}
.group-country-phone .select2-container--default .select2-selection--single,
.group-country-phone .select2-container--default .select2-selection--single .select2-selection__rendered,
.group-country-phone .select2-selection__rendered {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-country-phone .select2-container .select2-selection--single .select2-selection__arrow,
.group-country-phone .select2-selection--single {
  --input-border-radius-right: 0;
}
.group-country-phone .select2-selection__arrow {
  --icon-color-primary: var(--btn-primary-text-color);
}
.group-country-phone .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 3.2rem;
}

body:has(.select2-container--open) {
  overflow: hidden;
  position: relative;
}

.wizard-info h1,
.wizard-info h2,
.wizard-info h3,
.wizard-info h4,
.wizard-info h5,
.wizard-info h6,
.wizard-info .title,
.wizard-info p,
.wizard-info ol,
.wizard-info ul,
.wizard-info dl,
.wizard-info table,
.wizard-info blockquote,
.wizard-info iframe {
  margin: revert;
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 0.3em));
}
.wizard-info h2 + h3 {
  margin-top: 0;
}
.wizard-info h3 + h4 {
  margin-top: 0;
}
.wizard-info h4 + h5 {
  margin-top: 0;
}
.wizard-info h5 + h6 {
  margin-top: 0;
}
/*# sourceMappingURL=../../maps/layout/icordis/formbuilder.css.map */