/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-select { width: 100%; min-width: 128px; height: 32px; position: relative; } .md-select:focus { outline: none; } .md-select:not(.md-select-icon):after { margin-top: 2px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) scaleY(0.45) scaleX(0.85); transition: all 0.15s linear; content: "\25BC"; } .md-select.md-active .md-select-menu { top: -8px; pointer-events: auto; opacity: 1; transform: translateY(-8px) scale3D(1, 1, 1); transform-origin: center top; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition-duration: .25s; transition-property: opacity, transform, top; } .md-select.md-active .md-select-menu > * { opacity: 1; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); transition-duration: .15s; transition-delay: .1s; } .md-select.md-disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; } .md-select select { position: absolute; left: -999em; } .md-select .md-menu { width: 100%; height: 32px; display: block; position: relative; } .md-select .md-select-value { width: 100%; height: 32px; padding-right: 24px; display: block; cursor: pointer; overflow: hidden; position: relative; z-index: 2; font-size: 16px; line-height: 33px; text-overflow: ellipsis; white-space: nowrap; } .md-select .md-subheader { color: rgba(117, 117, 117, 0.87); text-transform: uppercase; } .md-select .md-subheader:first-child { margin-top: -8px; } .md-select-content { width: auto; max-height: 256px; } .md-select-content.md-direction-bottom-right { margin-top: -15px; margin-left: -16px; } .md-select-content .md-option[disabled] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; } .md-select-content .md-menu-item .md-list-item-holder { overflow: visible; -ms-flex-pack: start; justify-content: flex-start; } .md-select-content.md-multiple .md-checkbox { margin: 0; } .md-select-content.md-multiple .md-checkbox-label { padding-left: 16px; cursor: pointer; } /*# sourceMappingURL=index.css.map*/