/**
 * 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 {overflow: hidden; 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; overflow-y: auto; max-height: 200px; background: #ffffff; }
.inputpicker-wrapped-list .input-picker-inner {  }
.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; word-break: break-word;}
.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 5px; left: 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; z-index: 1; }
.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;}