/* Code tidied up by ScrapBook */
@keyframes iui-fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes iui-fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes iui-fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes iui-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes iui-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes iui-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.dropdown-multiple, .dropdown-multiple-label, .dropdown-single { position: relative; }
.dropdown-multiple-label.active .dropdown-main, .dropdown-multiple.active .dropdown-main, .dropdown-single.active .dropdown-main { display: block; animation: 0.2s ease-in 0s normal forwards 1 running iui-fadeIn; }
.dropdown-multiple-label.active .dropdown-display-label::after, .dropdown-multiple-label.active .dropdown-display::after, .dropdown-multiple.active .dropdown-display-label::after, .dropdown-multiple.active .dropdown-display::after, .dropdown-single.active .dropdown-display-label::after, .dropdown-single.active .dropdown-display::after { border-width: medium 5px 10px; border-style: none solid solid; border-color: currentcolor transparent rgb(153, 153, 153); }
.dropdown-multiple-label.active .dropdown-display, .dropdown-multiple-label.active .dropdown-display-label, .dropdown-multiple.active .dropdown-display, .dropdown-multiple.active .dropdown-display-label, .dropdown-single.active .dropdown-display, .dropdown-single.active .dropdown-display-label { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.dropdown-display, .dropdown-display-label { position: relative; display: block; margin-bottom: 0px; font-size: 14px; line-height: 1.42857; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
.dropdown-display-label::after, .dropdown-display::after { content: ""; position: absolute; border-top: 10px solid rgb(153, 153, 153); border-left: 5px solid transparent; border-right: 5px solid transparent; top: 12px; right: 8px; }
.dropdown-clear-all { background-color: rgb(255, 255, 255); border: medium none; font-size: 22px; line-height: 1; z-index: 999; color: rgb(153, 153, 153); position: absolute; right: 3px; top: 3px; display: none; }
.dropdown-clear-all:focus { outline: 0px none; }
.dropdown-clear-all:hover { color: rgb(204, 204, 204); }
.dropdown-display { white-space: nowrap; padding: 6px 20px 6px 12px; }
.dropdown-display:hover .dropdown-clear-all { display: block; }
.dropdown-display .dropdown-chose-list { display: inline-block; vertical-align: middle; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown-display .dropdown-chose-list span::before { content: ","; }
.dropdown-display .dropdown-chose-list span:first-child::before { content: ""; }
.dropdown-display .placeholder { display: none; }
.dropdown-display .placeholder:first-child { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; color: rgb(153, 153, 153); display: block; text-indent: 10px; font-size: 13px; line-height: 32px; }
.dropdown-display input { border: 0px none; outline: 0px none; }
.dropdown-display-label { cursor: text; padding: 6px 25px 5px 0px; }
.dropdown-display-label .dropdown-search { display: inline-block; }
.dropdown-display-label input, .dropdown-display-label input:focus { border: medium none; outline: 0px none; }
.dropdown-display-label .dropdown-chose-list { display: inline-block; padding: 0px 5px; }
.dropdown-display-label .dropdown-chose-list .placeholder { display: none; }
.dropdown-display-label .dropdown-selected { position: relative; margin: 0px 5px 5px 0px; padding: 0px 20px 0px 5px; border: 1px solid rgb(170, 170, 170); max-width: 100%; border-radius: 3px; background-repeat: repeat-x; color: rgb(51, 51, 51); cursor: default; display: inline-block; }
.dropdown-display-label .dropdown-selected .del { padding: 0px; cursor: pointer; background: transparent none repeat scroll 0px 0px; border: 0px none; float: right; line-height: 1; color: rgb(153, 153, 153); position: absolute; right: 3px; top: 0px; }
.dropdown-display-label .dropdown-selected .del::after { content: "×"; font-size: 16px; }
.dropdown-main { position: absolute; top: 100%; left: 0px; z-index: 1010; width: 100%; color: rgb(68, 68, 68); box-sizing: border-box; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 0px 0px 4px 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); margin-top: -1px; padding: 4px 7px; display: none; }
.dropdown-main ul { overflow-x: hidden; overflow-y: auto; max-height: 240px; margin: 0px; padding: 0px; }
.dropdown-main input { margin-top: 0px; display: block; box-sizing: border-box; height: 30px; border: 1px solid rgb(204, 204, 204); width: 100%; text-indent: 5px; border-radius: 3px; }
.dropdown-main .dropdown-search { display: block; padding: 5px 0px; }
.dropdown-group { font-weight: 700; }
.dropdown-group, .dropdown-option { margin: 0px; padding-left: 12px; list-style: outside none none; line-height: 26px; overflow-wrap: break-word; }
.dropdown-option { cursor: pointer; }
.dropdown-option:focus, .dropdown-option:hover { background-color: rgb(239, 239, 239); outline: 0px none; }
.dropdown-option[disabled] { color: rgb(221, 221, 221); background-color: rgb(255, 255, 255); cursor: not-allowed; text-decoration: line-through; }
.dropdown-option.dropdown-chose::after { content: ""; float: right; width: 10px; height: 10px; background: rgb(74, 177, 233) none repeat scroll 0% 0%; border-radius: 100%; margin: 8px 5px 0px 0px; }
.dropdown-maxItem-alert { position: absolute; top: 0px; left: 0px; background-color: rgb(228, 227, 226); width: 100%; height: 39px; line-height: 39px; padding: 0px 5px; border-radius: 5px; color: rgb(153, 153, 153); animation: 0.2s ease-in 0s normal forwards 1 running iui-fadeIn; }
