1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  6 */
  7md-autocomplete {
  8  border-radius: 2px;
  9  display: block;
 10  height: 40px;
 11  position: relative;
 12  overflow: visible;
 13  min-width: 190px; }
 14  md-autocomplete[disabled] input {
 15    cursor: default; }
 16  md-autocomplete[md-floating-label] {
 17    border-radius: 0;
 18    background: transparent;
 19    height: auto; }
 20    md-autocomplete[md-floating-label] md-input-container {
 21      padding-bottom: 0; }
 22    md-autocomplete[md-floating-label] md-autocomplete-wrap {
 23      height: auto; }
 24    md-autocomplete[md-floating-label] .md-show-clear-button button {
 25      display: block;
 26      position: absolute;
 27      right: 0;
 28      top: 20px;
 29      width: 30px;
 30      height: 30px; }
 31    md-autocomplete[md-floating-label] .md-show-clear-button input {
 32      padding-right: 30px; }
 33      [dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
 34        padding-right: 0;
 35        padding-left: 30px; }
 36  md-autocomplete md-autocomplete-wrap {
 37    display: -webkit-box;
 38    display: -webkit-flex;
 39    display: flex;
 40    -webkit-box-orient: horizontal;
 41    -webkit-box-direction: normal;
 42    -webkit-flex-direction: row;
 43            flex-direction: row;
 44    box-sizing: border-box;
 45    position: relative;
 46    overflow: visible;
 47    height: 40px; }
 48    md-autocomplete md-autocomplete-wrap.md-menu-showing {
 49      z-index: 51; }
 50    md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
 51      -webkit-box-flex: 1;
 52      -webkit-flex: 1 1 0%;
 53              flex: 1 1 0%;
 54      box-sizing: border-box;
 55      min-width: 0; }
 56    md-autocomplete md-autocomplete-wrap md-progress-linear {
 57      position: absolute;
 58      bottom: -2px;
 59      left: 0; }
 60      md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
 61        bottom: 40px;
 62        right: 2px;
 63        left: 2px;
 64        width: auto; }
 65      md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
 66        position: absolute;
 67        top: 0;
 68        left: 0;
 69        width: 100%;
 70        height: 3px;
 71        -webkit-transition: none;
 72        transition: none; }
 73        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
 74          -webkit-transition: none;
 75          transition: none;
 76          height: 3px; }
 77        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
 78          -webkit-transition: opacity 0.15s linear;
 79          transition: opacity 0.15s linear; }
 80          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
 81            opacity: 1; }
 82        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
 83          -webkit-transition: opacity 0.15s linear;
 84          transition: opacity 0.15s linear; }
 85          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
 86            opacity: 0; }
 87  md-autocomplete input:not(.md-input) {
 88    font-size: 14px;
 89    box-sizing: border-box;
 90    border: none;
 91    box-shadow: none;
 92    outline: none;
 93    background: transparent;
 94    width: 100%;
 95    padding: 0 15px;
 96    line-height: 40px;
 97    height: 40px; }
 98    md-autocomplete input:not(.md-input)::-ms-clear {
 99      display: none; }
100  md-autocomplete .md-show-clear-button button {
101    position: relative;
102    line-height: 20px;
103    text-align: center;
104    width: 30px;
105    height: 30px;
106    cursor: pointer;
107    border: none;
108    border-radius: 50%;
109    padding: 0;
110    font-size: 12px;
111    background: transparent;
112    margin: auto 5px; }
113    md-autocomplete .md-show-clear-button button:after {
114      content: '';
115      position: absolute;
116      top: -6px;
117      right: -6px;
118      bottom: -6px;
119      left: -6px;
120      border-radius: 50%;
121      -webkit-transform: scale(0);
122              transform: scale(0);
123      opacity: 0;
124      -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
125      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
126    md-autocomplete .md-show-clear-button button:focus {
127      outline: none; }
128      md-autocomplete .md-show-clear-button button:focus:after {
129        -webkit-transform: scale(1);
130                transform: scale(1);
131        opacity: 1; }
132    md-autocomplete .md-show-clear-button button md-icon {
133      position: absolute;
134      top: 50%;
135      left: 50%;
136      -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
137              transform: translate3d(-50%, -50%, 0) scale(0.9); }
138      md-autocomplete .md-show-clear-button button md-icon path {
139        stroke-width: 0; }
140    md-autocomplete .md-show-clear-button button.ng-enter {
141      -webkit-transform: scale(0);
142              transform: scale(0);
143      -webkit-transition: -webkit-transform 0.15s ease-out;
144      transition: -webkit-transform 0.15s ease-out;
145      transition: transform 0.15s ease-out;
146      transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }
147      md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
148        -webkit-transform: scale(1);
149                transform: scale(1); }
150    md-autocomplete .md-show-clear-button button.ng-leave {
151      -webkit-transition: -webkit-transform 0.15s ease-out;
152      transition: -webkit-transform 0.15s ease-out;
153      transition: transform 0.15s ease-out;
154      transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }
155      md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {
156        -webkit-transform: scale(0);
157                transform: scale(0); }
158  @media screen and (-ms-high-contrast: active) {
159    md-autocomplete input {
160      border: 1px solid #fff; }
161    md-autocomplete li:focus {
162      color: #fff; } }
163
164.md-virtual-repeat-container.md-autocomplete-suggestions-container {
165  position: absolute;
166  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
167  z-index: 100;
168  height: 100%; }
169
170.md-virtual-repeat-container.md-not-found {
171  height: 48px; }
172
173.md-autocomplete-suggestions {
174  margin: 0;
175  list-style: none;
176  padding: 0; }
177  .md-autocomplete-suggestions li {
178    font-size: 14px;
179    overflow: hidden;
180    padding: 0 15px;
181    line-height: 48px;
182    height: 48px;
183    -webkit-transition: background 0.15s linear;
184    transition: background 0.15s linear;
185    margin: 0;
186    white-space: nowrap;
187    text-overflow: ellipsis; }
188    .md-autocomplete-suggestions li:focus {
189      outline: none; }
190    .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
191      cursor: pointer; }
192
193@media screen and (-ms-high-contrast: active) {
194  md-autocomplete,
195  .md-autocomplete-suggestions {
196    border: 1px solid #fff; } }