.ui-multiselect {
    position: relative;

    text-align: left;
    width: 230px !important;
    height: 35px;

    background-color: #FFF;
    border: 1px solid #D3D3D3;

    cursor: pointer;

    padding: 0 17px;

    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: 40px;
}

.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;
    }
}