.multi-select-container { position: relative; }

.multi-select-menu { position: absolute; overflow-y: overlay; margin-top: 4px; padding: 0; max-height: 300px; background-color: #fff; border: 1px #c9cfd5 solid; border-radius: .2rem; box-shadow: 0 0 0.875rem 0 rgb(53 64 82 / 10%); top: 100%; left: 0 !important; right: 0 !important; box-sizing: border-box; opacity: 0; pointer-events: none; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
.multi-select-menu::-webkit-scrollbar { width: 8px; }
.multi-select-menu::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid transparent; background-clip: content-box; background-color: rgb(132 132 132 / 50%); }

.multi-select-menuitem { position: relative; display: block; padding: 0.6em 1em 0.6em 30px; white-space: nowrap; }

.multi-select-legend { font-size: 0.875em; font-weight: bold; padding-left: 10px; }
.multi-select-legend + .multi-select-menuitem { padding-top: 0.25rem; }
.multi-select-menuitem + .multi-select-menuitem { padding-top: 0; }

.multi-select-presets { border-bottom: 1px solid #ddd; }

.multi-select-menuitem input { position: absolute; top: 50%; left: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.multi-select-button { display: block; padding: .3rem 30px .3rem 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: -0.5em; background-color: #fff; border: 1px solid #ced4da; border-radius: .2rem; cursor: default; }
.multi-select-button:after { position: absolute; margin-top: -4px; width: 5px; height: 5px; display: block; border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; pointer-events: none; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

.multi-select-container--open .multi-select-menu { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }

.multi-select-container--open .multi-select-button:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.multi-select-container--positioned .multi-select-menu { box-sizing: border-box; }
.multi-select-container--positioned .multi-select-menu label { white-space: normal; }

/* form_box */
.form_box .form_list .multi-select-menuitem { padding: .3rem 1rem .3rem 2.5rem; width: auto; }
.form_box .form_list .multi-select-menuitem input { width: auto; }

@media screen and (min-width: 481px){
	.form_box .multi-select-container { width: calc(100% - 150px); }
}