.mdl-autocomplete {
   position: relative
}

.mdl-autocomplete__list {
   position: absolute;
   top: 40px;
   z-index: 100;
   display: none;
   width: 100%;
   max-height: 320px;
   overflow-y: auto;
   overflow-x: hidden;
   background: #fff;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-autocomplete__list.is-visible {
   display: block
}

.mdl-autocomplete__item {
   display: flex;
   align-items: center;
   cursor: pointer;
   font-size: 16px;
   line-height: 1.2em;
   padding: 0 16px;
   height: 45px;
   font-weight: 400;
}

.mdl-autocomplete__item.is-selected {
   color: #2196F3;
   background-color: #EEE
}

.mdl-autocomplete__item:hover {
   background-color: #F5F5F5
}

.mdl-autocomplete__item--primary {
   flex: 1
}

.mdl-autocomplete__item--content {
   color: #9E9E9E;
   font-size: .8em;
   line-height: 1.2em;
   margin-top: .2em
}

.mdl-autocomplete__item--secondary {
   margin-right: .5em;
   text-align: left
}

.mdl-autocomplete__item--avatar {
   border-radius: 50%
}