Custom dropdown multi select option

HTML

<script src="http://davidstutz.de/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="http://davidstutz.de/bootstrap-multiselect/dist/css/bootstrap-multiselect.css">
<link rel="stylesheet" href="http://davidstutz.de/bootstrap-multiselect/docs/css/bootstrap-3.3.2.min.css">
<script src="http://davidstutz.de/bootstrap-multiselect/docs/js/bootstrap-3.3.2.min.js"></script>
<form id="form1">

  <div style="padding:20px">

    <select id="chkveg" multiple="multiple">
      <optgroup label="Frist Queue" id="Frist Queue">
        <option value="cheese">Cheese</option>
        <option value="tomatoes">Tomatoes</option>
        <option value="mozarella">Mozzarella</option>
      </optgroup>

      <optgroup label="Second Queue" id="Second Queue">
        <option value="mushrooms">Mushrooms</option>
        <option value="pepperoni">Pepperoni</option>
        <option value="onions">Onions</option>
      </optgroup>
    </select>

  </div>

</form>

CSS

.multiselect-container>li>a>label {
  padding: 4px 50px 3px 20px;
}

.multiselect-container>li>a:not(.multiselect-all)>label.checkbox {
  padding-left: 40px !important;
}

.multiselect-item.multiselect-group a label b {
  margin-left: -20px
}

JavaScript

$(function() {

  $('#chkveg').multiselect({

  	includeSelectAllOption: true

  });

});