.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; }
.ui-multiselect-header ul { font-size:0.9em; }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0; }
.ui-multiselect-header a { text-decoration:none; }
.ui-multiselect-header a:hover { text-decoration:underline; }
.ui-multiselect-header span.ui-icon { float:left; }
.ui-multiselect-header .ui-multiselect-close { float:right; padding-right:0; text-align:right; }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; text-align: left; }
.ui-multiselect-checkboxes { overflow-y:auto; position:relative; }
.ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes label img { height: 30px; vertical-align: middle; padding-right: 3px;}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; list-style: none; padding-right:3px; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup { padding: 3px; }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-checkboxes .ui-multiselect-optgroup a { border-bottom:1px solid; cursor: pointer; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; }

@media print{
    .ui-multiselect-menu {display: none;}
}
/* Multi select drop down */
span.hide-native-select {
    position: relative
}

span.hide-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
    padding: 0
}

.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}

.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container>li>a {
    padding: 0
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px;
    width: auto;
    vertical-align: middle;
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}
/* contact job select box class */
button.ui-multiselect {
    width: 286px;
    font-weight: normal;
    height: 33px;
    overflow: hidden;
    padding: 8px 8px 5px 8px;
    border-radius: 3px;
    color:#8e8e91;
    background: #ffffff;
    border:0px solid #ccc !important;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 2px 0px #8e8e91;
    -moz-box-shadow: inset 0px 0px 2px 0px #8e8e91;
    box-shadow: inset 0px 0px 2px 0px #8e8e91;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.ui-multiselect-menu.ui-widget-content {
    background: #ffffff;
    border-radius: 0;
}
.ui-multiselect-menu .ui-multiselect-header {
    background: #ffffff;
    border: medium none;
    font-weight: normal;
}
.ui-multiselect-menu .ui-multiselect-header a {color:#000;}
.ui-state-default .ui-icon,
.ui-multiselect-menu .ui-multiselect-header a > .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png") !important;
}
ul.ui-multiselect-checkboxes .ui-state-hover {
    border: none;
    background: none;
    font-weight: normal;
}
ul.ui-multiselect-checkboxes > li:hover {
    background-color: #3875d7;
}
ul.ui-multiselect-checkboxes > li:hover > label > span {
    color: #fff !important;
}
ul.ui-multiselect-checkboxes > li:hover > label > span:before {
    background-color: #fff;
}
.ui-multiselect-checkboxes label{
    border: none !important;
}
ul.ui-multiselect-checkboxes .ui-corner-all input[type=checkbox] {
    margin: 0 5px 0 2px;
    width: 15px;
    border: none;
    outline:none;
}
ul.ui-multiselect-checkboxes .ui-corner-all input[type=checkbox]:active {
    outline:none;
}
ul.ui-multiselect-checkboxes .ui-corner-all span {
    vertical-align: top;
}
button.ui-multiselect .ui-icon-triangle-2-n-s, button.ui-multiselect .ui-icon-triangle-1-s {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #1c3f9e;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
    position:absolute;
    top:12px;
    right: 9px;
}