﻿.cat-listbox-select {
    position: relative;
    overflow: hidden;
}

    .cat-listbox-select .toolbar {
        margin: 0;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .cat-listbox-select .toolbar ul {
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .cat-listbox-select .toolbar li {
            width: 56px;
            height: 48px;
            margin: auto;
            overflow: hidden;
        }

    .cat-listbox-select .searchbar {
        width: 100%;
        height: 44px;
        padding-left: 6px;
        font-size: 14px;
        line-height: 22.4px;
        color: #333;
        border: none;
    }

        .cat-listbox-select .searchbar:focus {
            border-color: gray !important;
            outline: none !important;
            -webkit-appearance: none;
        }

    .cat-listbox-select .items-container {
        position: absolute;
        border: 1px solid #ccc;
        padding: 0px;
        background: white;
        overflow: hidden;
        height: 100%;
    }

        .cat-listbox-select .items-container .selected-items .handle {
            display: block !important;
            margin-top: -2px;
            cursor: ns-resize;
        }

    .cat-listbox-select ul.items {
        overflow: auto;
        height: calc(100% - 44px);
    }

    .cat-listbox-select .cat-listbox-item {
        list-style: none;
        outline: none;
        cursor: pointer;
        height: 44px;
        padding: 6px;
        padding-top: 11px;
        display: flex;
    }

        .cat-listbox-select .cat-listbox-item span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .cat-listbox-select .cat-listbox-item:hover {
            background-color: #eee;
        }

        .cat-listbox-select .cat-listbox-item.active {
            background-color: #e2e2e2;
        }

    .cat-listbox-select .items-container ul {
        padding: 0px;
        overflow: auto;
    }
