/**
 * jQuery-inputpicker - A jQuery input picker plugin. It supports showing multiple columns select in input.
 * Copyright (c) 2017 Ukalpa - https://ukalpa.com/inputpicker
 * License: MIT
 */

.inputpicker-div {background:#fff; position: relative; width:100%; border:1px solid #bbb; height:28px; padding:0 22px 0 0;}
.inputpicker-arrow { position: absolute; top: 0; right: 0; cursor: pointer; height:100%;z-index:1; background:#fff;}
.inputpicker-arrow b {display:none;}
.inputpicker-arrow:before{display:block; height:100%; font-family: 'pixie-tc';content: '\e808'; font-size:12px; color:#000; padding:5px; background:#fff;}
.lov-disable { cursor: not-allowed; background: #e3e3e3; }
.lov-disable .inputpicker-arrow{background:#e3e3e3;}
.lov-disable .inputpicker-arrow:before{background:#e3e3e3; color:#999;cursor:not-allowed;}
.lov-disable input[disabled]{background:#e3e3e3;cursor:not-allowed;}
.inputpicker-div .uncheckmark, .inputpicker-div .checkmark {position:absolute; right:40px; top:5px; cursor:pointer;}
.inputpicker-div .uncheckmark {right:22px;}
.inputpicker-wrapped-list {position:absolute; border:1px solid #bbb; margin: 0; background: #ffffff; z-index: 10000;border-top:none;}
.inputpicker-wrapped-list .input-picker-inner{overflow-y:auto; max-height:200px;background: #ffffff;}
.inputpicker-wrapped-list .table { margin-bottom: 0px; }
.inputpicker-wrapped-list .table>tbody>tr>td, .inputpicker-wrapped-list .table>tbody>tr>th, .inputpicker-wrapped-list .table>tfoot>tr>td, .inputpicker-wrapped-list .table>tfoot>tr>th, .inputpicker-wrapped-list .table>thead>tr>td, .inputpicker-wrapped-list .table>thead>tr>th { padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.inputpicker-wrapped-list .inputpicker-selected {background-color: #d5dfeb !important; cursor:pointer;}
.inputpicker-wrapped-list .inputpicker-active { background-color: #f5f5f5; cursor:pointer;}
.inputpicker-wrapped-list table td{padding:4px; }
.inputpicker-wrapped-list td input[type="radio"], .inputpicker-wrapped-list td input[type="checkbox"]{margin:0;}
/*.loading*/
.inputpicker-div input { width:100%;border:none;padding:0 0 0 5px; height:26px;border:none;}
.inputpicker-div input:focus {border:none; outline: none;}
.inputpicker-div input.loading { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJzdmctc3Bpbm5lciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA4MCA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9InNwaW5uZXIiIGZpbGw9IiM2NjY2NjYiIGQ9Ik00MCw3MkMyMi40LDcyLDgsNTcuNiw4LDQwQzgsMjIuNCwyMi40LDgsNDAsOGMxNy42LDAsMzIsMTQuNCwzMiwzMmMwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTE1LjQtMTIuNi0yOC0yOC0yOFMxMiwyNC42LDEyLDQwczEyLjYsMjgsMjgsMjhjMS4xLDAsMiwwLjksMiwyUzQxLjEsNzIsNDAsNzJ6Ij48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDQwIDQwIiB0bz0iMzYwIDQwIDQwIiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcGF0aD48L3N2Zz4='); background-size: 16px 16px; background-repeat: no-repeat; background-origin: content-box; background-position: right 5px center; }
.inputpicker-div input.loading-msie-patch { background-image: url("./res/spinner.gif"); }
.inputpicker-multiple-selected { display: inline-block; float: left; }

/* multiple ul */
.inputpicker-multiple-selected ul { display: inline-block; padding: 4px; margin: 0px; }
.inputpicker-multiple-selected ul>li { list-style-type: none; display: inline-block; margin-right: 5px; border: 1px solid #888888; padding: 1px; cursor: pointer; }
.inputpicker-multiple input {min-width:100%; }
.inputpicker-multiple input, .input-span { padding: 0; margin: 0; border: 0 none;  white-space: pre; max-width: 100%; max-height: none; min-height: 0; text-indent: 0; background: transparent; box-shadow: none; outline: 0; }
.inputpicker-multiple.inputpicker-div { display: inline-block; width: 100%; padding-right: 58px;}
.inputpicker-multiple ul { display: table; width: 100%; list-style-type: none; table-layout: fixed;}
.inputpicker-multiple ul>li{ display: table-cell; cursor: pointer; vertical-align: top;}
.inputpicker-multiple ul>li:first-child { padding:0 0 0 5px; width:100px;}
.inputpicker-multiple ul>li:first-child span {  display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding:6px 0 0 0; }
.inputpicker-multiple ul>li:first-child+li input.inputClass{  padding-left: 5px !important; min-width: 100%;}
.inputpicker_input { padding-left: 100px; }
.spanidinputpicker { position: absolute; top: 0;height:100%;padding:6px 0;  left: 5px; white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis; z-index:1;}
.inputpicker-wrapped-list.top-dropdown {border-top:1px solid #bbb;}
.inputpicker-wrapped-list.top-dropdown {
    border-top: 1px solid #bbb;
}

.inputpicker-footer {
    position: absolute;
    z-index: 12;
    background: #FFF;
    border: 1px solid #bbb;
    border-top: none;
}

    .inputpicker-footer input {
        position: relative;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        border: none;
        background: #4a90e2;
        padding: 4px 15px;
        color: #fff;
        font-size: 14px;
        display: inline-block;
    }

        .inputpicker-footer input:hover, .inputpicker-footer input:focus {
            background: #317ed6;
            color: #fff;
        }