/* extensions/fonctions/form/multi_select.css */

.multi_select_fond{
  position:fixed;
  display:none;
  background:#000;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  right:0px;
  left:0px;
  z-index:10;
}

.multi_select_css{
  position:absolute;
  padding:5px;
  border:1px solid #a5a5a5;
  background:#fff;
  width:96%;
  z-index:11;
  left:2%;
  right:2%;
}

.multi_select_css div{
  float:left;
  display:inline;
  cursor:pointer;
  width:48%;
  padding:5px 10px;
  margin:1px 1%;
  background:#eeeeee;
  border:1px solid #a5a5a5;
}

.multi_select_css div.sur{background:#cbcbcb;}

.multi_select_css div input[type=text]{
  height:26px;
  margin:0px;
  padding:1px;
  font-size:14px;
  line-height:1.6em;
}

.multi_select_selectionner{
  cursor:pointer;
  color:#2f87cf;
}

.multi_select_css div.multi_select_fermer{
  float:left;
  display:inline;
  cursor:pointer;
  width:98%;
  padding:5px 10px;
  margin:1px 1% 5px 1%;
  text-align:center;
  background:#f89191;
  border:1px solid #e73939;
}

.multi_select_fermer{display:none;}

@media screen and (max-width:950px){

  .multi_select_css div{width:98%;}

}