
.superpicker-nofilter .superpicker-header{
    position: absolute;
    left: -9999px;
}

BUTTON.superpicker.multiple B SPAN{
	display:block;
}
BUTTON.superpicker.multiple-comma B SPAN+SPAN:before{
    content:', ';
}
BUTTON.superpicker.multiple-dash-line B SPAN,
BUTTON.superpicker.multiple-dash B SPAN{
    display:inline-block;
    padding-right:6px;
    margin-top:3px;
    margin-bottom:3px;
}
BUTTON.superpicker.multiple-dash-line B SPAN+SPAN,
BUTTON.superpicker.multiple-dash B SPAN+SPAN{
    border-left:1px solid #ccc;
    padding-left:6px;
}
BUTTON.superpicker.multiple-dash-line,
BUTTON.superpicker.multiple-dash{
	padding:2px 10px;
}
BUTTON.superpicker.multiple-dash B {
    white-space: pre-wrap;
}

.optgroup-0 {
    position:sticky;
    top: 0;
    z-index: 10;
}

.superpicker-menu HR{
    border:0;
    height: 4px;
    background:linear-gradient(to bottom, #ccc, #aaa);
    margin:2px 0;
}
.superpicker-menu .hrtext{
    background: linear-gradient(to bottom, #999, #888);
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.45);
    opacity: 0.95;
}

BUTTON.superpicker.active{
    color: #6e707e;
    background-color: #fff;
    border-color: #bac8f3;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(78 115 223 / 25%);
    box-shadow: 0 0 0 0.2rem rgb(78 115 223 / 25%);
}


BUTTON.superpicker SPAN.none{
    color: #858795;
}
BUTTON.superpicker .none{
    color: #858795;
}

BUTTON.superpicker{
	position:relative;
	text-align:left;
	text-transform:none;
	height:auto !important;
    min-height: calc(1.5em + 0.75rem + 2px);
}
BUTTON.superpicker:not(.btn):not([disabled]){
	background:#fff;
}
BUTTON.superpicker.auto{
	width:auto;
}
BUTTON.superpicker.auto B{
	padding-right:7px;
}


LEGEND .superpicker{
	width:290px;
}
LEGEND .superpicker B{
	width:230px;
}

.superpicker B{
	display:inline-block;
	font-weight:normal;
	/*width:160px; vlajka 16 + 10 marg + 14 caret */
	width:calc(100% - 5px);
	vertical-align:top;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

SPAN.ico-flag{
	margin-right:10px;
}
.superpicker .caret{
	font-weight:normal;color:#000;
	position:absolute;
	right:10px;bottom:0;top:0;margin:auto;
	display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.superpicker-menu{
    border-radius: 0.35rem;
	overflow:hidden;
	position: absolute;
	z-index: 1000;
	display: none;
	max-width:400px;
	margin: 2px 0 15px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	-webkit-box-shadow:  0 4px 6px rgba(0,0,0,.5);
	box-shadow: 0 4px 6px rgba(0,0,0,.5);
}
.superpicker-menu UL,
.superpicker-menu LI{margin:0 !important;list-style:none !important;padding:0;}
	
.superpicker-header{
	padding:5px;
}
.superpicker-header > INPUT{
    display: block;
	width: 100% !important;
    padding: 4px 6px !important;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.superpicker-header > INPUT:active,
.superpicker-header > INPUT:focus{
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.superpicker-menu UL{
	max-height: 833px;
    overflow-y: auto;
     overflow-x: hidden;
    border: 1px solid #fff; /* ne padding, bo sticky pak visible */
}
	
.superpicker-menu LI A{
	text-transform:none;
	display: block;
	padding:2px 9px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333 !important;
	cursor:default;
	text-decoration:none;
}
.superpicker-menu LI A.optdisabled{
    cursor: not-allowed;
}

.superpicker-menu LI > *{
    border:0.5px solid #fff;
}


.superpicker-menu.empty INPUT{
	border:2px solid #cc0000 !important;
}


.superpicker-menu LI A.selected SPAN,
.superpicker-menu LI A.selected,
.superpicker-menu LI A:focus{
    color: #fff !important;
    text-decoration: none;
    background-color: #536596 !important;
    outline: 0;
}
.superpicker-menu LI A:hover{
	background-color:#CBD3EC;
}
.superpicker-menu LI A:not(.optdisabled):active{
	background-color:#B9C6EE;
}

.superpicker-menu.multiple LI A.selected:hover SPAN,
.superpicker-menu.multiple LI A.selected:hover{
    background-color: #414f76 !important;
}
.superpicker-menu.multiple LI A.selected:not(.optdisabled):active SPAN,
.superpicker-menu.multiple LI A.selected:not(.optdisabled):active,
.superpicker-menu LI A.selected:not(.optdisabled):active SPAN,
.superpicker-menu LI A.selected:not(.optdisabled):active{
    background-color:#2f3956 !important;
}


