@import “angular-material.min” div.filtered-select

position: fixed
z-index: 1001
background-color: white
margin: 0
padding: 0
width: 100%
height: 0
overflow: hidden
left: 0
top: 0
transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)
&.active
  height: 100%
input
  width: 100%
ul
  overflow: hidden
  overflow-y: auto
  list-style: none
  width: 100%
  margin: 0
  padding: 0
  li
    padding-left: 5%
    padding-right: 5%
    overflow: hidden
    text-overflow: ellipsis
    line-height: 48px
    height: 48px
    font-size: 14px
    white-space: nowrap
    cursor: pointer
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.14)
&.bottom
  top: 50%
  z-index: 1000
  &.active
    height: 50%

fieldset

ng-filtered-select
  &[ng-mobile]
    color: inherit

ng-filtered-select

display: block
width: 100%
overflow: hidden
text-overflow: ellipsis
outline: none

md-input-container

ng-filtered-select
  background-color: transparent
  input
    padding: 2px 2px 1px
    border-width: 0 0 1px
    line-height: 20px
    border-color: rgba(0,0,0,0.24)
    vertical-align: baseline
    background-color: transparent
ng-filtered-select:not([ng-mobile])
  input
    opacity: 0.5
  &[disabled]
    input
      opacity: 1
      color: rgba(0,0,0,0.26) !important
      background-position: 0 bottom
      background-size: 4px 1px
      background-repeat: repeat-x
      margin-bottom: -1px
      background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%)
      border-bottom-color: transparent
    span
      color: transparent !important

md-autocomplete

background: none
md-autocomplete-wrap.md-whiteframe-z1
  box-shadow: none
  button
    display: none

.autocomplete.menu

text-align: left
&:empty
  display: none
a
  overflow: hidden
  width: 100%
  text-overflow: ellipsis
  display: block
  line-height: 48px
  height: 48px
  font-size: 14px
  white-space: nowrap
  cursor: pointer
  &.active
    font-weight: bolder
&:hover
  max-height: 30rem
  padding: 0.5rem
  opacity: 1
  max-width: 100rem
z-index: 10
max-height: 0
overflow-y: hidden
overflow-x: hidden
position: absolute
background-color: white
opacity: 0
border-radius: 0.25rem
text-overflow: ellipsis
transition: max-height 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.55s cubic-bezier(0.25, 0.8, 0.25, 1)
padding: 0
max-width: 0
&.focused
  max-width: 100rem
  max-height: 30rem
  padding: 0.5rem
  opacity: 1

input.autocomplete:focus + div

max-width: 100rem
max-height: 30rem
padding: 0.5rem
opacity: 1