.checkboxlist {
    position: relative;
}

.checkboxlist-select {
    background-size: 12px 12px;
    width: 100%;
    background-image: url('/arrow.svg');
    padding-right: 22px;
}

    .checkboxlist-select:focus {
        outline: none;
    }

.checkboxlist-select-open {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    background-image: url('/close.svg');
}

.checkboxlist-over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

.checkboxlist-popup {
    margin-top: -1px;
    min-width: 238px;
}

    .checkboxlist-popup .checkboxlist-popup-inner-wrapper {
        position: absolute;
        z-index: 99999999999999;
        border: 0.01em black solid;
        padding-right: 1px;
        padding-bottom: 1px;
    }

    .checkboxlist-popup .checkboxlist-filtering {
        padding: 1px;
        background-color: #fff;
    }

        .checkboxlist-popup .checkboxlist-filtering .checkboxlist-filter-textbox {
            width: 100%;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 10px;
            min-height: unset;
        }

            .checkboxlist-popup .checkboxlist-filtering .checkboxlist-filter-textbox:focus {
                box-shadow: none;
            }

        .checkboxlist-popup .checkboxlist-filtering .form-control-icon {
            position: absolute;
            z-index: 2;
            display: block;
            width: 0.9rem;
            height: 0.9rem;
            line-height: 0.9rem;
            text-align: center;
            color: #aaa;
            right: 9px;
            top: 5px;
        }


.checkboxlist-filtering-no-items-found-wrapper {
    padding-left: 12px;
}

.checkboxlist-popup-items {
    background-color: white;
    height: auto;
    max-height: 430px;
    overflow-y: auto;
    z-index: 99999999;
}

    .checkboxlist-popup-items .form-check {
        padding-left: 36px;
        margin-bottom: 0px;
    }

    .checkboxlist-popup-items .form-check-label {
        width: 100%;
        margin-top: 4px;
    }

    .checkboxlist-popup-items .form-check-focus {
        background-color: #1e90ff;
        color: white;
    }

    .checkboxlist-popup-items .form-check-selected {
        font-weight: bold;
    }

    .checkboxlist-popup-items .checkboxlist-check-item-groupname {
        padding-left: 12px;
        font-weight: bold;
    }

    .checkboxlist-checkbox-selectall,
    .checkboxlist-popup-items .checkboxlist-checkbox {
        margin-top: 5px;
    }

    .checkboxlist-popup-items .checkboxlist-checkbox-label-selectall {
        float: left;
        width: auto;
    }

    .checkboxlist-popup-items .checkboxlist-checkbox-label-filter-operator {
        float: right;
        width: 110px;
        padding-top: 2px;
        font-size: 0.8rem;
    }

        .checkboxlist-popup-items .checkboxlist-checkbox-label-filter-operator input[type="radio"] {
            margin-top: -1px;
            vertical-align: middle;
        }

/*In smaller devices adjust styles */
@media (max-width: 1025px) {
    .checkboxlist-popup-items {
        max-height: 230px;
    }
}

.checkboxlist-close-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}