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