/* Multiselect
----------------------------------*/
.multiselect  {
	width:  100% !important;
	display: none;
}

.ui-multiselect  {
     font-size:  0.8em;
}

@media screen and (max-width: 990px) {
	.add-remove-par {
		padding: 0 !important
	}
}

.add-remove-par {
	margin-top: 45px;
}

.icons-multiselect {
	float: right;
}

.icons-deleted {
	width: 24px !important;
	font-size: 1.4em !important;
	line-height: 24px !important;
}


.add-remove-par > .ui-multiselect {
	width: auto !important;
}

.ui-multiselect ul  {
     -moz-user-select:  none;
}

.ui-multiselect li  {
	margin: 0;
	padding: 9px 12px;
	cursor: pointer;
	list-style: none;
	border-bottom: 1px solid #def3f9 !important;
	background-color: white;
	font-size: 1em;
}

.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;
	float: left;
	background-clip: padding-box;
	border-radius: 3px;
	height: 440px;
 }

@media screen and (min-width: 991px) {
	.ui-multiselect div.selected  {
		width: 48% !important;
		border: 2px solid #e7ebee;
	}
}

@media screen and (max-width: 990px) {
	.ui-multiselect div.selected  {
		width: 49% !important;
		border: 1px solid #e7ebee;
	}
}

.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%;
     height: 79% !important;
 }

.ui-multiselect ul.selected li  {
	width: auto !important;
	display: block !important;
    height: auto !important;
}

.ui-multiselect div.available  {
	position: relative;
	padding: 0;
	margin: 0;
	float: right;
	height: 440px;
	background-clip: padding-box;
	border-radius: 3px;
 }

@media screen and (min-width: 991px) {
	.ui-multiselect div.available  {
		width: 48% !important;
		border: 2px solid #e7ebee;
	}
}

@media screen and (max-width: 990px) {
	.ui-multiselect div.available  {
		width: 49% !important;
		border: 1px solid #e7ebee;
	}
}

.ui-multiselect ul.available  {
     position:  relative;
     padding:  0;
     overflow:  auto;
     overflow-x:  hidden;
     background:  #fff;
     margin:  0;
     list-style:  none;
     border:  0;
     width:  100%;
     height: 79% !important;
 }

.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 .add-all  {
	padding: 9px 12px;
	color: white;
	border-top: 1px solid #e7ebee;
	border-bottom: 1px solid #e7ebee;
	text-decoration: none;
	display: block;
	height: 45px;
	line-height: 22px;
	font-size: 13px;
	background-color: grey;
}

.ui-multiselect .remove-all  {
	padding: 9px 12px;
	color: white;
	border-top: 1px solid #e7ebee;
	border-bottom: 1px solid #e7ebee;
	text-decoration: none;
	display: block;
	height: 45px;
	line-height: 22px;
	font-size: 13px;
	background-color: grey;
}

.ui-multiselect .search  {
     height: 45px;
}

.ui-multiselect .count  {
	padding: 9px 12px;
	background: #e7ebee;
	color: black;
	display: block;
	height: 45px;
	line-height: 26px;
}

@media screen and (min-width: 991px) {
	.ui-multiselect .count {
		font-size: 13px;
	}
}

@media screen and (max-width: 990px) {
	.ui-multiselect .count {
		font-size: 10.5px;
	}
}

.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  {
	width: 100%;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
 }