/* multiselect styles */
.multiselect {
	width: 460px;
	height: 200px;
}
/* Multiselect
----------------------------------*/
.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }


.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }


/*-Multi Selecter-*/
.multiselect-holder .user-forms .multiselect-holder{
	float:left;
	width:100%;
	margin:0 0 30px;
}
.multiselect-holder .ui-multiselect.ui-helper-clearfix.ui-widget{
	float:left;
	height:210px;
	width:500px;
	border:0;
	border-radius:8px;
	box-shadow: none;
}
.multiselect-holder .ui-multiselect div.selected .ui-widget-header{
	background:#777;
	height:38px;
}
.multiselect-holder .ui-multiselect .count{
	font-size:14px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:4px 0 4px 10px;
}
.multiselect-holder .ui-multiselect .remove-all,
.multiselect-holder .ui-multiselect .add-all{
	float:right;
	color:#fff;
	font-size:11px;
	padding:10px 12px 0;
}
.multiselect-holder .ui-multiselect strong {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	float: left;
	padding: 6px 0 0 12px;
	text-transform: uppercase;
}
.multiselect-holder .ui-multiselect div.available .ui-widget-header{
	background:#4f4a9c;
	position:relative;
	height:38px;
	border-radius: 0;
	margin: 0;
}
.multiselect-holder .ui-multiselect ul.selected{
	padding:15px;
	height:172px !important;
}
.multiselect-holder .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#fff;
}
.multiselect-holder .ui-multiselect ul.selected li{
	padding:3px 8px 3px 20px;
	color:#777;
	font-size:12px;
	text-transform:uppercase;
	height:auto;
	border-radius:5px;
	margin:0 0 3px;
	font-weight:300;
}
.multiselect-holder .ui-multiselect div.selected{
	width:50% !important;
	height:210px !important;
	border-radius:3px 0 0 0 ;
	overflow:hidden;
	box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
}
.multiselect-holder .ui-multiselect div.available{
	border:0 ;
	float:right;
	width:100% !important;
	border-radius:0;
	overflow:hidden ;
}
.multiselect-holder .ui-multiselect input.search{
	float:right ;
	background:#4c4c4c;
	margin:4px ;
	padding:0 25px 0 5px ;
	width:65% ;
	position:relative;
	color:#fff ;
	height:30px;
}
.user-forms ul li .icon-input{
	position:relative;
}
.multiselect-holder .ui-multiselect ul.available li{
	color:#777777;
	font-size:12px;
	font-family:'Roboto Condensed',sans-serif;
	text-transform:uppercase;
	font-weight:400;
	padding:5px 10px ;
	line-height:19px;
	height:26px !important;
}
.multiselect-holder .ui-multiselect ul.available li:hover,
.multiselect-holder .ui-multiselect ul.available li:hover .ui-icon:after{
	color:#fe6500;
	background-color: #f7f7f7;
}
.multiselect-holder .ui-multiselect .available .ui-state-default .ui-icon{
	position:relative;
	background-image:none !important;
}
.multiselect-holder .ui-multiselect .available .ui-state-default .ui-icon:after{
	position:absolute;
	content:'\f067';
	font-family: "icomoon";
	text-indent:0 !important;
	color:#777777;
	font-size:12px;
	right:6px;
	top:12px;
}
.multiselect-holder .ui-multiselect .selected .ui-state-default .ui-icon-minus,
.multiselect-holder .ui-multiselect .selected .ui-state-default .ui-icon{
	background-image:none ;
}
.multiselect-holder .ui-multiselect .selected .ui-state-default .ui-icon-minus:after{
	content:"\f068 ";
	font-family:FontAwesome;
	position:absolute;
	right:6px;
	top:0;
	font-size:12px;
	font-weight:normal;
	color:#ccc;
	text-indent:0;
}
.multiselect-holder .ui-multiselect .selected li:hover,
.multiselect-holder .ui-multiselect ul.selected li:hover .ui-icon-minus:after{
	color:#ec2c3b;
}
.multiselect-holder .ui-multiselect .selected .ui-state-default .ui-icon-arrowthick-2-n-s:after{
	content:"\f03a";
	width:7px;
	overflow:hidden;
	height:14px;
	font-family:FontAwesome;
	position:absolute;
	left:5px;
	top:3px;
	font-size:20px;
	color:#ebebeb;
	text-indent:0;
}
.multiselect-holder .ui-multiselect ul.available{
	height:172px !important;
	border: 1px solid #e9e9e9;
	padding: 0 10px;
}