/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.1.3 */ md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transform-origin: left top; transform-origin: left top; } [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { -webkit-transform-origin: right top; transform-origin: right top; } md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child { -webkit-transform: translateY(-22px) translateX(-2px) scale(0.75); transform: translateY(-22px) translateX(-2px) scale(0.75); } .md-select-menu-container { position: fixed; left: 0; top: 0; z-index: 90; opacity: 0; display: none; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .md-select-menu-container:not(.md-clickable) { pointer-events: none; } .md-select-menu-container md-progress-circular { display: table; margin: 24px auto !important; } .md-select-menu-container.md-active { display: block; opacity: 1; } .md-select-menu-container.md-active md-select-menu { -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; } .md-select-menu-container.md-active md-select-menu > * { opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .md-select-menu-container.md-leave { opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-transition-duration: 250ms; transition-duration: 250ms; } md-input-container > md-select { margin: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after { content: ' *'; font-size: 13px; vertical-align: top; } md-input-container.md-input-invalid md-select .md-select-value { border-bottom-style: solid; padding-bottom: 1px; } md-select { display: -webkit-box; display: -webkit-flex; display: flex; margin: 20px 0 26px 0; } md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after { content: ' *'; font-size: 13px; vertical-align: top; } md-select[disabled] .md-select-value { background-position: 0 bottom; background-size: 4px 1px; background-repeat: repeat-x; margin-bottom: -1px; } md-select:focus { outline: none; } md-select[disabled]:hover { cursor: default; } md-select:not([disabled]):hover { cursor: pointer; } md-select:not([disabled]).ng-invalid.ng-touched .md-select-value { border-bottom-style: solid; padding-bottom: 1px; } md-select:not([disabled]):focus .md-select-value { border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 0; } md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value { padding-bottom: 0; } md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } .md-select-value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 2px 2px 1px; border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; position: relative; box-sizing: content-box; min-width: 64px; min-height: 26px; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .md-select-value > span:not(.md-select-icon) { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .md-select-value > span:not(.md-select-icon) .md-text { display: inline; } .md-select-value .md-select-icon { display: block; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; text-align: end; width: 24px; margin: 0 4px; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); font-size: 1.2rem; } .md-select-value .md-select-icon:after { display: block; content: '\25BC'; position: relative; top: 2px; speak: none; font-size: 13px; -webkit-transform: scaleY(0.5) scaleX(1); transform: scaleY(0.5) scaleX(1); } .md-select-value.md-select-placeholder { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; pointer-events: none; -webkit-font-smoothing: antialiased; padding-left: 2px; z-index: 1; } md-select-menu { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); max-height: 256px; min-height: 48px; overflow-y: hidden; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1); transform: scale(1); } md-select-menu.md-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } md-select-menu:not(.md-overflow) md-content { padding-top: 8px; padding-bottom: 8px; } [dir=rtl] md-select-menu { -webkit-transform-origin: right top; transform-origin: right top; } md-select-menu md-content { min-width: 136px; min-height: 48px; max-height: 256px; overflow-y: auto; } md-select-menu > * { opacity: 0; } md-option { cursor: pointer; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: auto; -webkit-transition: background 0.15s linear; transition: background 0.15s linear; padding: 0 16px 0 16px; height: 48px; } md-option[disabled] { cursor: default; } md-option:focus { outline: none; } md-option .md-text { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } md-optgroup { display: block; } md-optgroup label { display: block; font-size: 14px; text-transform: uppercase; padding: 16px; font-weight: 500; } md-optgroup md-option { padding-left: 32px; padding-right: 32px; } @media screen and (-ms-high-contrast: active) { .md-select-backdrop { background-color: transparent; } md-select-menu { border: 1px solid #fff; } } md-select-menu[multiple] md-option.md-checkbox-enabled { padding-left: 40px; padding-right: 16px; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled { padding-left: 16px; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled { padding-right: 40px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; display: inline-block; width: 20px; height: 20px; left: 0; right: auto; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { left: auto; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { right: 0; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before { box-sizing: border-box; background-color: transparent; border-radius: 50%; content: ''; position: absolute; display: block; height: auto; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s; transition: all 0.5s; width: auto; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after { box-sizing: border-box; content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container { position: absolute; display: block; width: auto; height: auto; left: -15px; top: -15px; right: -15px; bottom: -15px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon { box-sizing: border-box; -webkit-transition: 240ms; transition: 240ms; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-width: 2px; border-style: solid; border-radius: 2px; } md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon { border-color: transparent; } md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after { box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 4.66667px; top: 0.22222px; display: table; width: 6.66667px; height: 13.33333px; border-width: 2px; border-style: solid; border-top: 0; border-left: 0; content: ''; } md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] { cursor: default; } md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after { box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: table; width: 12px; height: 2px; border-width: 2px; border-style: solid; border-top: 0; border-left: 0; content: ''; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { margin-left: 10.66667px; margin-right: auto; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { margin-left: auto; } [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { margin-right: 10.66667px; }