/* ! vertical layout */.multiSelect .vertical{float:none}

/* ! horizontal layout */.multiSelect .horizontal:not(.multiSelectGroup){float:left}

/* ! create a "row" */.multiSelect .line{box-sizing:content-box;max-height:30px;overflow:hidden;padding:2px 0 4px}

/* ! create a "column" */.multiSelect .acol{min-width:12px}

/* ! */.multiSelect .acol,.multiSelect .inlineBlock,.multiSelect>button{display:inline-block}.multiSelect>button{background-color:#fff;background-image:linear-gradient(#fff,#f7f7f7);border:1px solid #c6c6c6;border-radius:4px;color:#555;cursor:pointer;font-size:14px;min-height:38px!important;padding:1px 8px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;white-space:normal}.multiSelect>button:hover{background-image:linear-gradient(#fff,#e9e9e9)}.multiSelect>button:disabled{background-image:linear-gradient(#fff,#fff);border:1px solid #ddd;color:#999}.multiSelect .buttonClicked{box-shadow:inset 0 2px 5px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.multiSelect .buttonLabel{display:inline-block;padding:5px 0}.multiSelect .caret{border-color:#333 transparent currentcolor;border-style:solid solid dotted;border-width:4px 4px 0;display:inline-block;height:0;margin:0 0 1px 12px!important;vertical-align:middle;width:0}.multiSelect .checkboxLayer{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);display:none!important;min-width:278px;position:absolute;z-index:999}.multiSelect .helperContainer{border-bottom:1px solid #ddd;padding:8px 8px 0}.multiSelect .helperButton{background-color:#f1f1f1;border:1px solid #ccc;border-radius:2px;color:#666;cursor:pointer;display:inline;font-size:13px;height:26px;line-height:1.6;margin:0 0 8px;text-align:center}.multiSelect .helperButton.reset{float:right}.multiSelect .helperButton:not(.reset){margin-right:4px}.multiSelect .clearButton{background-color:#f1f1f1;border:1px solid #ccc;border-radius:2px;color:#666;cursor:pointer;display:inline;font-size:13px;height:22px;line-height:1.4;position:absolute;right:2px;text-align:center;top:4px;width:22px}.multiSelect .inputFilter{border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#888;font-size:14px;height:26px;margin:0 0 8px;padding-left:7px;width:100%}.multiSelect .clearButton:hover,.multiSelect .helperButton:hover{background-color:#f4f4f4;border:1px solid #ccc;color:#999}.multiSelect .helperButton:disabled{border:1px solid #ddd;color:#ccc}.multiSelect .clearButton:focus,.multiSelect .helperButton:focus,.multiSelect .inputFilter:focus{border:1px solid #66afe9!important;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.065),0 0 5px rgba(102,175,233,.6)!important;box-shadow:inset 0 0 1px rgba(0,0,0,.065),0 0 5px rgba(102,175,233,.6)!important;outline:0}.multiSelect .checkBoxContainer{display:block;overflow:hidden;padding:8px}

/* ! to show / hide the checkbox layer above */.multiSelect .show{display:block!important}.multiSelect .multiSelectItem{border:1px solid transparent;color:#444;display:block;min-height:32px;min-width:278px;padding:3px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;white-space:nowrap}.multiSelect .multiSelectItem:not(.multiSelectGroup).selected{background-image:linear-gradient(#e9e9e9,#f1f1f1);border-left:1px solid #e4e4e4;border-right:1px solid #d9d9d9;border-top:1px solid #e4e4e4;color:#555;cursor:pointer}.multiSelect .multiSelectItem .acol label{display:inline-block;font-weight:400;line-height:normal;margin:0;padding-right:30px}.multiSelect .multiSelectFocus,.multiSelect .multiSelectGroup:hover,.multiSelect .multiSelectItem:hover{background-image:linear-gradient(#c1c1c1,#999)!important;border:1px solid #ccc!important;color:#fff!important;cursor:pointer}.multiSelect .multiSelectGroup span:hover,.multiSelect .multiSelectItem span:hover{cursor:pointer}

/* ! group labels */.multiSelect .multiSelectGroup{clear:both;display:block}.multiSelect .tickMark{display:inline-block;font-size:10px;position:absolute;right:10px;top:7px}.multiSelect .checkbox{color:#ddd!important;cursor:pointer;left:-9999px;position:absolute}.multiSelect .disabled,.multiSelect .disabled label input:hover~span,.multiSelect .disabled:hover{color:#c4c4c4!important;cursor:not-allowed!important}.multiSelect img{margin-bottom:0;max-height:22px;max-width:22px;vertical-align:middle}