.dropdown {
  padding: 0.2em 3.2em 0.2em 0.2em;
  border: solid 1px black;
  cursor: pointer;
  min-width: 14em;
  min-height: 1.87em;
  display: inline-block;
  border-radius: 0.2rem;
  user-select: none;
  position: relative;
  text-align: left;
  overflow-y: visible; }
  .dropdown:focus {
    border-width: 2px; }
  .dropdown select {
    display: none; }
  .dropdown .downarrow {
    display: block;
    position: absolute;
    right: 0.2em;
    top: 0.5em;
    float: right; }
  .dropdown .label {
    cursor: pointer;
    display: inline-block;
    background-color: #e8e8e8;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
    padding: .2em .5em;
    margin: .12rem .28rem .12rem 0; }
    .dropdown .label .clearitem {
      display: inline-block;
      margin-left: 0.5em;
      opacity: 0.5;
      width: auto; }
  .dropdown .menu {
    display: none;
    background-color: white;
    max-height: 16rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    width: calc(100% + 2px);
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    z-index: 10;
    border: solid 1px black;
    margin: 2px -1px 0 -1px;
    padding: 0 2px; }
    .dropdown .menu .item {
      display: block;
      position: relative;
      cursor: pointer;
      height: auto;
      padding: 0.4em 0.5em; }
      .dropdown .menu .item.selected {
        display: none; }
      .dropdown .menu .item:hover {
        background-color: #f2f2f2; }
  .dropdown.active {
    border-bottom-width: 0; }
    .dropdown.active .menu {
      border-top-width: 0;
      display: block; }
  .dropdown .default {
    color: #808080; }
  .dropdown.disabled {
    color: #aaaaaa !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
    opacity: 0.7; }

/*# sourceMappingURL=dropdown.css.map */