.demo-example {margin-bottom: 0em;} 
.demo-example > label {display: block; margin-bottom: 0.5em; font-weight: bold;}
.position-menu-within { width: 18em; height: 15em; background: #eee; overflow: auto; padding: 2em 0 0 2em;}
.modal-example .multi-select-menu {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
max-height: 50%; min-width: 0; overflow: auto; border: none; border-radius: 0.3em; box-shadow: 0 1em 3em rgba(0,0,0,0.4);}
.modal-example .multi-select-menuitem {font-size: 1em; padding: 1.5em 2.5em 1.5em 3.5em;}
.modal-example .multi-select-menuitem + .multi-select-menuitem {padding-top: 0;}
.modal-example .multi-select-menuitem input { margin-left: -2.5em;}
.multi-select-modal {position:fixed; top:0; bottom:0; left:0; right:0; z-index:1; background:rgba(0, 0, 0, 0.4); display:none;}
.multi-select-container--open .multi-select-modal {display: block;}

.multi-select-container{position: relative}
.multi-select-menu{position: absolute; min-height:100px; left: 0;top: 1.3em; z-index: 3;float: left;min-width: 100%; overflow-y:scroll !important;
background: #fff;margin: 1em 0;border: 1px solid #ddd;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);display: none;}
.multi-select-menuitem{display: block !important; font-size: 0.875em !important; padding: 0em 1em 0em 30px !important; white-space: nowrap !important;}
.multi-select-menuitem--titled:before{display: block;font-weight: bold;content: attr(data-group-title); margin: 0 0 0.25em -20px;}
.multi-select-menuitem--titledsr:before{display: block;font-weight: bold;content: attr(data-group-title);
border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.multi-select-menuitem .multi-select-menuitem{padding-top: 0}
.multi-select-presets{border-bottom: 1px solid #ddd}
.multi-select-menuitem input{position: absolute;margin-top:7px; margin-left: -20px;}
.multi-select-button{width:100%; text-align:left; display: inline-block;font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
height:calc(2.25rem + 2px);  padding:0.375rem 0.75rem; background-color: #fff;border: 1px solid #ddd;border-radius: 4px; cursor: default; color:#6c757d;}

.multi-select-container--open .multi-select-menu{display: block}
.multi-select-container--open .multi-select-button:after{border-width: 0 0.4em 0.4em 0.4em;border-color: transparent transparent #999 transparent}
.multi-select-container--positioned .multi-select-menu{box-sizing: border-box}
.multi-select-container--positioned .multi-select-menu label{white-space: normal}

/*
.multi-select-button:after{content: "\f107"; font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;  font-size: 14px; position: absolute; top: 0; right: 0;
width: 28px; background-color: #d1d1d1;
border-radius: 0 3px 3px 0; text-align: center; color: #333; font-size: 14px; font-weight: bold;
pointer-events: none; cursor: pointer; }
*/
.paddin-none1{ padding:0px; margin:0px;}