﻿.inlasy-select {
    display: none;
}

.inlasy-select-hidden {
    display: none;
    visibility: hidden;
}

.inlasy-wrap-select {
    cursor: pointer;
    display: block;
    position: relative;
    color: #697a8d;
    width: 100%;
    min-height: 45px;
    font-size:15px !important
}

    .inlasy-wrap-select .inlasy-selected {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0.457rem 15px;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.875rem center;
        background-size: 17px 12px;
        border: 1px solid #dacfff;
        border-radius: 6px;
        height: 45px;
        line-height: 31px;
        box-shadow: var(--shadow-10) !important;
    }

        .inlasy-wrap-select .inlasy-selected .multi-selection {
            display: inline;
            list-style-type: none;
            padding-left: 0;
        }

            .inlasy-wrap-select .inlasy-selected .multi-selection .multi-choise {
                display: inline-block;
                margin-right: 5px;
                margin-bottom: 3px;
                box-sizing: border-box;
                border-radius: 4px;
                position: relative;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: bottom;
                white-space: nowrap;
                padding: 2px 0px 2px 5px;
                color: #696cff !important;
                background: rgba(105,108,255,.08) !important;
            }

                .inlasy-wrap-select .inlasy-selected .multi-selection .multi-choise .multi-choise-delete {
                    background-color: transparent;
                    border: none;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    color: #999;
                    cursor: pointer;
                    font-weight: 700;
                    padding: 0 3px;
                    margin-left: 2px;
                }

                    .inlasy-wrap-select .inlasy-selected .multi-selection .multi-choise .multi-choise-delete i {
                        color: #696cff !important;
                    }

       /* .inlasy-wrap-select .inlasy-selected:hover {
            background-color: #fafaff;
        }*/

        .inlasy-wrap-select .inlasy-selected:active, .inlasy-wrap-select .inlasy-selected.active {
            background-color: #fff;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            .inlasy-wrap-select .inlasy-selected:active:after, .inlasy-wrap-select .inlasy-selected.active:after {
                top: 9px;
                border-color: transparent transparent #fff transparent;
            }

.inlasy-disable {
    background-color: #eee !important;
}

.inlasy-wrap-select .inlasy-select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 2px 0;
    padding: 10px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 450px;
    overflow: auto;
    border-radius: 6px;
    box-shadow: var(--shadow-1);
}

    .inlasy-wrap-select .inlasy-select-options::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .inlasy-wrap-select .inlasy-select-options::-webkit-scrollbar-track {
        background: rgba(100, 100, 100, 0.1);
    }

    /* Handle */
    .inlasy-wrap-select .inlasy-select-options::-webkit-scrollbar-thumb {
        background: rgba(100, 100, 100, 0.4);
    }

        /* Handle on hover */
        .inlasy-wrap-select .inlasy-select-options::-webkit-scrollbar-thumb:hover {
            background: rgba(100, 100, 100, 0.7);
        }

    .inlasy-wrap-select .inlasy-select-options li {
        margin: 0;
    }

        .inlasy-wrap-select .inlasy-select-options li p {
            padding: 6px 10px;
            margin-bottom: 0;
            -moz-transition: all 0.15s ease-in;
            -o-transition: all 0.15s ease-in;
            -webkit-transition: all 0.15s ease-in;
            transition: all 0.15s ease-in;
            font-size:15px
        }

        .inlasy-wrap-select .inlasy-select-options li .last-child:hover {
            background-color: rgb(118 118 125 / 8%);
            border-radius: 4px;
            
        }

    .inlasy-wrap-select .inlasy-select-options .inlasy-is-selected {
        color: #696cff;
        background-color: rgb(118 118 125 / 8%);
        font-size: 16px;
        border-radius: 4px;
    }

    .inlasy-wrap-select .inlasy-select-options li[rel="hide"] {
        display: none;
    }

    .inlasy-wrap-select .inlasy-select-options li .inlasy-select-options-child {
        list-style: none;
        padding-left: 0
    }

        .inlasy-wrap-select .inlasy-select-options li .inlasy-select-options-child > li p {
            padding-left: calc(var(--level) * 0.7rem + 1.4rem);
        }
    .inlasy-wrap-select .inlasy-select-options li .last-child {
        color: #373d4d;
        font-weight:500
    }