/*Composant Multi-select Accessible
* Développé à  partir de https://codepen.io/rdmchenry/pen/OyzVEx et https://w3c.github.io/aria-practices/examples/combobox/combobox-select-only.html
* Amélioré selon les recommandations W3C https://www.w3.org/TR/wai-aria-practices/#Listbox
* Auteur: E. Bitauld 
* Date : 08/06/21 
* Minifié avec https://cssminifier.com/
*/
.multiselectaria>.multiselectaria-lbl{
	float: left;
    vertical-align: middle;
    line-height: 1.5em;
    padding: 5px 7px 5px 4px;
	margin: 0;
}
.multiselectaria-widget {	
	display: inline-block;	
	position: relative;
	min-width: 12em;
	user-select: none;
	z-index:2;
}
.multiselectaria-widget>.toggle{
	z-index: 1000;
	display: block;
	position: relative;
	width: 100%;
	line-height: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #26619C;
    background: #f6f6f6 url(aria-multiselect/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    border-radius: 4px;
    border: 1px solid  #8E8E8E;
    padding: 2px 2px 2px 4px;
    text-align: left;
	cursor: pointer;
}
.multiselectaria-widget>.toggle p{
	margin: 0;
	display: inline;
}
.multiselectaria-widget>.toggle .chevron {
	display: inline;
	float: right;
    font-size: .75em;
	margin: 0px 2px;
    width: 20px;
    line-height: 0;
    text-align: center;
    transform: rotate(-90deg) scale(1, 2) translate(-10px, 0px);
}
	
.multiselectaria-widget>ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	top: 100%;
	min-width: 100%;
	max-height: 40vh;
	z-index: 1000;
	background: #fff;
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}		
.multiselectaria-widget>ul>li {
	white-space: nowrap;
	padding: .25em .5em;
	line-height: 1.6em;
	cursor: pointer;
}		
.multiselectaria-widget>ul>li:before{
    content: '';
    display: inline-block;
    border: 1px solid black;
    height: 12px;
    width: 12px;
    font-size: 12px;
    vertical-align: text-top;
    line-height: 1em;
    text-align: center;
    border-radius: 0.2em;
    margin-right: 0.4em;
    border-color: #777;
    border-width: 1px;
}
.multiselectaria-widget>ul>li.selected:before{
    content: '\2714';
    color: #fff;
    border-color: #26619c;
    background-color: #26619c;
}
.multiselectaria-widget>ul>li.check-all {
	border-bottom: 1px solid lightgrey;
}
.multiselectaria-widget>ul>li:focus {
	outline: none;      
}
.multiselectaria-widget>ul>li:hover,
.multiselectaria-widget>ul>li.focused {
	background-color: #b0bed9;
}
.multiselectaria-widget>ul>li>input {
	vertical-align: middle;
}
.multiselectaria-widget.in {
	z-index: 3;
}
.multiselectaria-widget.in>ul {
	display: block;
}
.multiselectaria-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 900;
}