:root {
    --multi-select-menu-max-height: 98px;
}

.as-multi-select-menu {
    --list-min-width: 3em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    min-height: var(--select-box-min-height);
    min-width: var(--list-min-width);
    border: solid 1px #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    background-color: white;
    padding-right: 30px;
    white-space: normal;
    max-width: var(--as-combobox-width-limit);
}

.as-multi-select-menu.as-background-none {
    background-color: transparent;
}


.as-multi-select-menu[data-size="large"] {
    min-height: var(--large-size);
    border-radius: var(--large-radius);
    --select-box-min-height: var(--large-size);
}

.as-multi-select-menu[data-size="regular"] {
    min-height: var(--default-size);
    border-radius: var(--default-radius);
    --select-box-min-height: var(--default-size);
}
.as-multi-select-menu[data-size="small"] {
    min-height: var(--small-size);
    border-radius: var(--small-radius);
    --select-box-min-height: var(--small-size);
}


.as-multi-select-menu.am-multi-select-menu {
    min-width: unset;
}

.as-multi-select-menu .absol-selectbox-item-text span{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(var(--as-combobox-width-limit) - 85px);
}

.as-multi-select-menu-item-ctn {
    display: block;
    max-height: var(--multi-select-menu-max-height);
    overflow-y: auto;
    padding-left: var(--as-input-horizontal-padding);
}

.as-multi-select-menu-item-ctn.as-has-more {
    white-space: nowrap;
}

.as-multi-select-menu-item-ctn.as-has-more::after,
.as-multi-date-input-body.as-has-more::after{
    content: "...";
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.5em;
    color: rgb(57, 57, 58);
    box-sizing: border-box;
}


.as-multi-select-menu-toggle-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    pointer-events: none;
    border: none;
    background-color: transparent;
}

.as-multi-select-menu-toggle-btn svg.dropdown {
    width: 10px;
    height: 10px;
    fill: #929292;
}

.as-multi-select-menu:hover svg.dropdown {
    fill: black;
}

.as-multi-select-menu.as-disable-click-to-focus .as-multi-select-menu-toggle-btn {
    display: none;
}

.as-multi-select-menu .absol-selectbox-item {
    margin: calc((var(--select-box-min-height) - 2px - var(--select-box-item-height)) / 2) 2px;
}


.as-multi-select-menu.as-item-focusable .absol-selectbox-item.as-active {
    background-color: var(--select-box-focus-item-color);
}

.as-multi-select-menu.as-disabled {
    background-color: #ebebe4;
}

.as-multi-select-menu-toggle-btn {

}

.as-multi-select-menu.as-disabled .as-multi-select-menu-item-ctn * {
    pointer-events: none;
}


.as-multi-select-menu.as-multi-check-tree-leaf-menu {
    min-width: calc(var(--select-list-estimate-width) + 2em + 14px);
}


.as-multi-select-menu.as-read-only .absol-selectbox-item-close,
.absol-selectbox-item.as-read-only .absol-selectbox-item-close,
.as-multi-select-menu.as-read-only .as-multi-select-menu-toggle-btn,
.as-multi-select-menu.as-disabled .absol-selectbox-item-close,
.as-multi-select-menu.as-disabled .as-multi-select-menu-toggle-btn {
    display: none;
}

.as-multi-select-menu.as-read-only .absol-selectbox-item-text,
.absol-selectbox-item.as-read-only .absol-selectbox-item-text
{
    padding-right: 10px;
}

.as-multi-select-menu.as-read-only {
    padding-right: 0;
}

.as-multi-select-menu.as-border-none {
    border: none;
}

.as-multi-select-menu.as-border-none .as-multi-select-menu-item-ctn {
    /*max-height: unset;*/
    /*overflow-y: auto;*/
}


.as-multi-select-menu.as-has-max-width {
    --max-width: 1024px;
    max-width: var(--max-width);
    overflow: hidden;
    min-width: unset !important;
}

.as-multi-select-menu.as-has-max-width  .absol-selectbox-item-text span{
    max-width: calc(var(--max-width) - 85px);
    overflow: hidden;
    text-overflow: ellipsis;
}

/***********/
.as-multi-check-tree-menu.as-width-percent .as-multi-select-menu-item-ctn{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
}

.as-multi-check-tree-menu.as-width-percent {
    height: calc(var(--content-height) + 2px);
}