div.user_row {
 background: url(../images/icons/user_add.png) no-repeat;
 padding-left: 20px;
 line-height: 18px;
}
div.list_row {
 background: url(../images/icons/group_add.png) no-repeat;
 padding-left: 20px;
 line-height: 18px;
}
div.group_row {
  padding: 5px 0;
  color: #0192d3;
}
div.group_row.level-0 {
  padding-left: 0.5em;
}
div.group_row.level-1 {
  padding-left: 2em;
}
div.group_row.level-2 {
  padding-left: 3.5em;
}
div.group_row.level-3 {
  padding-left: 5em;
}
div.group_row.level-4 {
  padding-left: 6.5em;
}
div.group_row.level-5 {
  padding-left: 8em;
}
div.user_row:hover,
div.list_row:hover,
div.group_row:hover {
  cursor: pointer;
  background-color: #ddd;
}

#selector_search_result
{
  margin-top: 5px;
  overflow:auto;
  height:90%;
}

#selector_list.user option
{
   background: url(../images/icons/user_add.png) no-repeat;
   padding: 2px;
   padding-left: 20px;
}
#selector_list.list option
{
   background: url(../images/icons/group_add.png) no-repeat;
   padding: 2px;
   padding-left: 20px;
}

#selector_list
{
  border: 0px;
  width: 32%;
  min-height: 400px;
  padding-left: 10px;
}

#selector_form h3 {
  margin-left: 68%;
}

#selector_search
{
  width: 250px;
}

select.group, select.user, select.list{
  width: 400px;
  margin-bottom: 5px;
  outline: 0;
}

select.group {
  scrollbar-width: thin;
}

select.group option
{
  padding: 5px;
  cursor: pointer;
}
select.group option:hover
{
  background: #dddddd;
}
select.group option:before
{
  font-family: FontAwesome, sans-serif;
  content: "\f0c0";
  color: #ffffff;
  background: #1372b8;
  border-radius: 5px;
  padding: 4px;
  margin: -2px 5px 0 0;
  font-size: 80%;
}
select.user option
{
   background: url(../images/icons/user_add.png) no-repeat;
   padding: 2px;
   padding-left: 20px;
}
select.list option
{
   background: url(../images/icons/group_add.png) no-repeat;
   padding: 2px;
   padding-left: 20px;
}
