.ui-multiselect {
position: relative;
text-align: left;
width: 230px !important;
height: 35px;
background-color: #FFF;
border: 1px solid #D3D3D3;
cursor: pointer;
padding: 0 17px;
padding-left:10px;
margin-right: 30px;
margin-top: 10px;
}
.ui-multiselect:after {
position: absolute;
content: "▾";
right: 0;
top: 0;
bottom: 0;
width: 35px;
text-align: center;
line-height: 35px;
background-color: #ad9964;
font-size: 1.5rem;
color: #FFF;
text-align:center;
}
.ui-multiselect .ui-multiselect-open {
float: right
}
.ui-multiselect-menu {
display: none;
box-sizing: border-box;
position: absolute;
text-align: left;
z-index: 101;
width: auto;
height: auto;
padding: 3px;
border: 1px solid #D3D3D3;
}
.ui-multiselect-menu.ui-multiselect-listbox {
position: relative;
z-index: 0;
}
.ui-multiselect-header {
display: block;
box-sizing: border-box;
position: relative;
width: auto;
padding: 3px 0 3px 13px;
margin-bottom: 2px;
}
.ui-multiselect-header>ul {
font-size: 0.9em
}
.ui-multiselect-header li {
float: left;
margin: 0 10px 0 0;
}
.ui-multiselect-header a {
}
.ui-multiselect-header a:hover {
text-decoration: underline;
cursor: pointer;
}
.ui-multiselect-header .ui-icon {
float: left;
}
.ui-multiselect-header .ui-multiselect-close {
float: right;
margin-right: 0;
text-align: right;
}
.ui-multiselect-checkboxes {
display: block;
box-sizing: border-box;
position: relative;
overflow: auto;
width: auto;
border: 0;
padding: 4px 0 8px;
}
.ui-multiselect-checkboxes::-webkit-scrollbar {
width: 10px;
}
.ui-multiselect-checkboxes::-webkit-scrollbar-track {
display: none;
}
.ui-multiselect-checkboxes::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #666;
}
.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
clear: both;
font-size: 0.9em;
list-style: none;
padding-right: 3px;
}
.ui-multiselect-checkboxes label {
border: 1px solid transparent;
cursor: default;
display: block;
padding: 3px 1px 3px 21px;
text-indent: -20px;
}
.ui-multiselect-checkboxes input {
position: relative;
top: 1px;
cursor: pointer;
}
.ui-multiselect-checkboxes img {
height: 30px;
vertical-align: middle;
margin-right: 3px;
}
.ui-multiselect-grouplabel {
display: block;
font-weight: bold;
margin: 1px 0;
padding: 3px;
text-align: center;
text-decoration: none;
}
.ui-multiselect-selectable {
cursor: pointer;
}
.ui-multiselect-optgroup>ul {
padding: 3px;
}
.ui-multiselect-columns {
display: inline-block;
vertical-align: top;
}
.ui-multiselect-collapser {
float: left;
padding: 0 1px;
margin: 0;
}
.ui-multiselect-collapsed>ul {
display: none
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
width: 40px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
padding: 5px !important;
text-indent: 0 !important;
}
.ui-multiselect.ui-multiselect-nowrap {
white-space: nowrap
}
.ui-multiselect.ui-multiselect-nowrap>span {
display: inline-block
}
.ui-multiselect-checkboxes.ui-multiselect-nowrap li,
.ui-multiselect-checkboxes.ui-multiselect-nowrap a {
white-space: nowrap
}
.ui-multiselect-checkboxes {
width: 100%;
}
.ui-multiselect-checkboxes input[type="checkbox"] {
width: 22px;
}
.ui-multiselect-measure>.ui-multiselect-header,
.ui-multiselect-measure>.ui-multiselect-checkboxes {
float: left;
}
.ui-multiselect-measure>.ui-multiselect-checkboxes {
margin: 4px;
overflow-y: scroll;
}
.ui-multiselect-resize {
border: 2px dotted #00F
}
@media print {
.ui-multiselect-menu {
display: none;
}
}