﻿.selector-dropbtn {
    background-color: #e8f0f8;
    color: #444;
    padding: 0 6px;
    height: 26px;
    font-size: 16px;
    border: 1px solid #57a9d4;
    cursor: pointer;
    max-width: 275px;
    min-width: 275px;
    position: relative;
    background-image: url(../../Application/design/2019/imagess/icon-arrow-down-gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-left: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
}

    .selector-dropbtn:hover, .selector-dropbtn:focus {
        background-color: #eee;
    }


ul.selector-dropdown-content input {
    box-sizing: border-box;
    background-image: url(../../Application/design/2019/imagess/icon-search.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 2px 2px 2px 45px;
    border: none;
    border-bottom: 1px solid #57a9d4;
    min-width: 275px;
}

    ul.selector-dropdown-content input:focus {
        background-color: #eee;
    }

.selector-dropdown {
    position: relative;
    display: inline-block;
}

.selector-dropdown-content {
    display: none;
    position: inherit;
    /*position: absolute;*/
    background-color: #e8f0f8;
    min-width: 250px;
    max-height: 275px;
    overflow: auto;
    border: 1px solid #57a9d4;
    z-index: 1;
    margin-left: 25px;
}

    .selector-dropdown-content li {
        color: #444;
        padding: 6px 6px;
        text-decoration: none;
        display: block;
        cursor: pointer;
        margin: 0 !important;
    }

        .selector-dropdown-content li:hover {
            background-color: #57a9d4;
            color: #fff;
        }

.selector-dropdown-show {
    display: block;
}


/*ul list boxes*/
.form-group ul.ulListbox, .form-group ul.largelist {
    height: 250px;
    overflow-y: auto;
    width: 350px;
    border: 1px solid #bfd8ec;
    border-bottom: 1px solid #57a9d4;
    box-shadow: none;
    margin: 25px 5px 0px 5px;
    background-color: #fff;
}
.form-group ul.largelist {
    margin: 0px 5px 0px 25px;
}
    .form-group ul.ulListbox li[data-selected="true"] {
        background-color: #4fb8cf;
        cursor: pointer;
        color: white;
    }

    .form-group ul.ulListbox li:hover:not(.ulSearch) {
        background-color: #4fb8cf;
        cursor: pointer;
        opacity: 0.8;
        color: white;
    }

    .form-group ul li:not(.ulSearch) {
        padding-left: 3px;
    }

    .form-group ul input[type='text'] {
        box-sizing: border-box;
        background-image: url(images/icon-search.svg);
        background-position: left center;
        background-size: contain;
        background-repeat: no-repeat;
        font-size: 16px;
        padding: 2px 2px 2px 45px !important;
        border: none !important;
        border-bottom: 1px solid #57a9d4 !important;
        width: 100% !important;
        box-shadow: none !important;
        margin: 0px !important;
        margin-bottom: 5px !important;
    }

.form-group div.small-switch, .form-group div span.margin {
    float: none;
    margin-top: 0;
    margin-left: 25px;
}