/**
 * 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:3px 20px 3px 10px;}
.inputpicker-arrow { position: absolute; top: 0; right: 0; cursor: pointer; height:100%;z-index:1;}
.inputpicker-arrow b {display:none;}
.inputpicker-arrow:before{display:block; font-family: 'pixie-tc';content: '\e808'; font-size:12px; color:#000; padding:5px; background:#fff;}
.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; overflow-y: auto; border-top:none; }
.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: #f5f5f5; 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 0 0 15px;}
/*.loading*/
.inputpicker-div input { width:100% !important; border:none; margin:-3px 0 0 -10px;padding:0 0 0 10px; 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:60px;}
.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;}
.inputpicker-multiple ul>li{ display: table-cell; cursor: pointer; vertical-align: top;}
.inputpicker-multiple ul>li input{padding: 0px !important;}
.inputpicker-multiple ul>li:first-child span {  display: inline-block; width: 75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; }
.inputpicker-multiple ul>li:first-child+li input.inputClass{  padding-left: 5px !important;}
.inputpicker-multiple ul>li.inputpicker-multiple-input { padding:0; }
.inputpicker-multiple ul>li.inputpicker-multiple-input input{max-width: 100% !important; height: 100%; width: 100% !important; height: 20px;}
.inputpicker_input { padding-left: 100px; }
.spanidinputpicker { position: absolute; top: 6px;left: 10px; white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis; z-index:1;line-height:15px;}
.inputpicker-wrapped-list.top-dropdown {border-top:1px solid #bbb;}
.inputClass {width:auto !important;}