/* Multiselect
----------------------------------*/

.ui-doublemultiselect { font-size: 14px; }
.ui-doublemultiselect ul { -moz-user-select: none; }
.ui-doublemultiselect li { margin: 0; padding: 0; cursor: default; line-height: 27px; height: 27px; font-size: 14px; list-style: none; }
.ui-doublemultiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-doublemultiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-doublemultiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left;border: solid 1px #c0c0c0; margin-right: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-doublemultiselect 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-doublemultiselect ul.selected li { }

.ui-doublemultiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; border: solid 1px #c0c0c0; margin-right: 10px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-doublemultiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-doublemultiselect ul.available li { padding-left: 8px; }
 
.ui-doublemultiselect .ui-state-default { border: none; margin-bottom: 0px; position: relative; padding-left: 8px;}
.ui-doublemultiselect .ui-state-hover { border: none; }
.ui-doublemultiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-doublemultiselect .add-all { float: right; padding:0px 7px;}
.ui-doublemultiselect .remove-all { float: right; padding:0px 7px;}
.ui-doublemultiselect .search { float: left; padding: 4px;}
.ui-doublemultiselect .count { float: left; padding:0px 5px;}

.ui-doublemultiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-doublemultiselect li a.action { position: absolute; right: 2px; top: 4px; }
 
.ui-doublemultiselect input.search { height: 14px; padding: 4px; margin: 2px 4px; width: 76px; background:#fff none; font-size:14px; line-height:14px;}
.ui-doublemultiselect input.search.placeholder { color:#777777; font-style:italic}



/*********Style spécifique**************************/

.multiselect[data-type=double]{
	min-height:200px;
	min-width:494px;
}

.ui-doublemultiselect{
	display: inline-block;
	min-height:200px;
	min-width:494px;
}

.ui-doublemultiselect div.available ul, .ui-doublemultiselect div.selected ul{
	min-height:170px;
}

.ui-doublemultiselect div.available{
	margin-right:0;
}

.ui-doublemultiselect .ui-widget-header{
	background: none #eeeeee;
	font-weight:normal;
	font-style:italic;
}
.ui-doublemultiselect .selected li, .ui-doublemultiselect .available li{
	background: none transparent;
	border-bottom:1px solid #dddddd;
}
.ui-doublemultiselect .selected li:nth-child(2n), .ui-doublemultiselect .available li:nth-child(2n){
	background: none #f7f7f7;
}
.ui-doublemultiselect .ui-widget-header{
	font-size:14px;
	border-bottom:solid 1px #c0c0c0;
	height:28px;
	line-height:28px;
}
.ui-doublemultiselect .ui-widget-header a{
	font-style:normal;
	color:#006ab3;
	text-decoration:underline;
}
.ui-doublemultiselect .ui-widget-header a:hover{
	text-decoration:none;
}

.ui-state-default .ui-icon.ui-icon-plus{
	background-image:url(../../images/add-multiselect.png);
	background-position: 2px 2px;
	opacity:0.7;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: opacity 0.3s ease-out;
}

.ui-state-default .ui-icon.ui-icon-plus:hover{
	background-image:url(../../images/add-multiselect.png);
	background-position: 2px 2px;
	opacity:1;
}

.ui-state-default .ui-icon.ui-icon-minus{
	background-image:url(../../images/remove-multiselect.png);
	background-position: 2px 2px;
	opacity:0.7;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: opacity 0.3s ease-out;
}

.ui-state-default .ui-icon.ui-icon-minus:hover{
	background-image:url(../../images/remove-multiselect.png);
	background-position: 2px 2px;
	opacity:1;
}

.ui-doublemultiselect .no-selection{
	height:60px;
	padding:10px 10px;
	background:#FFFFFF url(../../images/double-chevron-droite.png) no-repeat 160px 30px !important;
	border-bottom:none!important;
}

.ui-doublemultiselect .no-selection span{
	width: 130px;
	display:block;
	line-height:18px;
	font-style:italic;
	color:#777777;
}

.ui-doublemultiselect .clear-search{
	margin-left:-23px;
	cursor:pointer;
	line-height:28px;
}