/*-----------------**
|  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 *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/***********************
* Mixins Screenreaders *
***********************/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible, .select2-container--default .select2-selection--single:focus-visible {
  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  |
**-----------*/
/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  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(--box-padding-vertical, var(--box-padding-vertical-top, var(--border-radius-base)));
  padding-bottom: var(--box-padding-vertical, var(--box-padding-vertical-bottom, var(--border-radius-base)));
  padding-left: var(--box-padding-horizontal, var(--box-padding-horizontal-left, input-));
  padding-right: var(--box-padding-horizontal, var(--box-padding-horizontal-right, input-));
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: var(--white);
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/*-----------------**
|  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 *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/***********************
* Mixins Screenreaders *
***********************/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible, .select2-container--default .select2-selection--single:focus-visible {
  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  |
**-----------*/
/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
.select2-container--default .select2-selection--single {
  position: relative;
  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;
  min-height: calc(var(--body-line-height, 1.5em) + var(--input-padding-vertical) * 2 + var(--input-border-width) * 2);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--input-text-color, var(--body-color));
  line-height: var(--body-line-height, 1.5em);
}
.select2-container--default .select2-selection--single .select2-selection__rendered:hover:not(span), .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible:not(span) {
  color: var(--input-text-color-hover, var(--body-color));
  --icon-color-primary: var(--icon-color-hover);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: var(--position, absolute);
  top: var(--position-top, 50%);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, auto);
  transform: translateY(-50%);
  height: 26px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--icon-color-primary, var(--icon-color)) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--icon-color-primary, var(--icon-color)) transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--gray-light);
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--btn-primary-background-color);
  color: var(--btn-primary-text-color);
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/*-----------------**
|  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 *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/***********************
* Mixins Screenreaders *
***********************/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
.select2-container--default .select2-selection--single:focus-visible, .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  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  |
**-----------*/
/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid var(--gray-light);
  border-radius: 0.6rem;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: var(--input-text-color, var(--body-color));
  line-height: var(--body-line-height, 1.5em);
}
.select2-container--classic .select2-selection--single .select2-selection__rendered:hover:not(span), .select2-container--classic .select2-selection--single .select2-selection__rendered:focus-visible:not(span) {
  color: var(--input-text-color-hover, var(--body-color));
  --icon-color-primary: var(--icon-color-hover);
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid var(--gray-light);
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid var(--gray-light);
  border-radius: 0;
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid var(--gray-light);
  border-radius: 0.6rem;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid var(--gray-light);
  border-radius: 0.6rem;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--gray-light);
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*# sourceMappingURL=../../maps/vendor/select2/core.css.map */