/* Include the padding and border in an element's total width and height */
/** {
    box-sizing: border-box;
}*/

/* Remove margins and padding from the list */
ul.listbox {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Style the list items */
ul.listbox li {
  cursor: pointer;
  position: relative;
  /* padding: 12px 8px 12px 40px; */
  /*background: #eee;*/
  /*font-size: 18px;*/
  transition: 0.2s;

  /* make the list items unselectable */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*             Set all odd list items to a different color (zebra-stripes) 
            ul li:nth-child(odd) {
                background: #f9f9f9;
            }*/

/*Darker background-color on hover*/

/*
ul.listbox li:hover {
  background: #f2f2f2;
}

ul.listbox li:nth-child(2n + 1) {
  background: #fbfbfb;
}
*/

/* When clicked on, add a background color and strike out text */
/* ul.listbox li.checked { */
/*background: #888;*/
/*color: #fff;*/
/*text-decoration: line-through;*/
/* } */

/* Add a "checked" mark when clicked on */
/* ul.listbox li.checked::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 2px 2px 0;
  top: 10px;
  left: 16px;
  transform: rotate(45deg);
  height: 15px;
  width: 7px;
} */

/* Style the close button */
.close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 16px 12px 16px;
}

.close:hover {
  background-color: #f44336;
  color: white;
}

ul.listbox.horizontal li {
  /*height: 25px;*/
  float: left;
  margin-right: 0px;
  border-right: 1px solid #aaa;
  /* padding: 0 20px; */
}

ul.listbox.horizontal li:last-child {
  border-right: none;
}