:host .tef-dropdown { position: relative; display: inline-block; vertical-align: middle; background-color: transparent; box-sizing: border-box; } :host .tef-dropdown * { font-family: "Arial",sans-serif; } :host .tef-dropdown:before { position: absolute; font-weight: normal; font-size: 24px; top: 0; right: 0; width: 40px; line-height: 34px; pointer-events: none; text-align: center; } :host .tef-dropdown select, :host .tef-dropdown span { -webkit-appearance: none; -moz-appearance: none; display: inline-block; vertical-align: middle; width: 100%; background-image: none; background-color: {{g.grey1}}; color: black; font-size: 15px; line-height: 18px; font-weight: normal; border-radius: {{g.radius}}; padding: 8px 40px 8px 9px; border: 1px solid {{g.grey2}}; cursor: pointer; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host .tef-dropdown select:hover, :host .tef-dropdown span:hover, :host .tef-dropdown select:focus, :host .tef-dropdown span:focus, :host .tef-dropdown select:active, :host .tef-dropdown span:active { outline: none; } :host .tef-dropdown:hover select, :host .tef-dropdown:focus select, :host .tef-dropdown:active select, :host .tef-dropdown:hover span, :host .tef-dropdown:focus span, :host .tef-dropdown:active span { padding: 7px 39px 7px 8px; border: 2px solid {{g.significant}}; outline: none; } :host .tef-dropdown select:-moz-focusring { color: transparent; text-shadow: 0 0 0 black; } :host .tef-dropdown select::-ms-expand { display: none; } :host .tef-dropdown ul { display: none; position: absolute; top: 100%; right: 0; left: 0; list-style: none; margin: 0 4px 8px; padding: 7px 0; background: white; overflow: hidden; box-sizing: border-box; box-shadow: {{g.shadow}}; z-index: 100; } :host .tef-dropdown li { padding: 3px 10px; font-size: 15px; word-break: break-word; } :host .tef-dropdown li:hover, :host .tef-dropdown li:focus, :host .tef-dropdown li:active { background: {{g.grey1}}; cursor: pointer; } :host .tef-dropdown a { color: black; text-decoration: none; } :host .tef-dropdown.small:before { font-size: 18px; line-height: 28px; } :host .tef-dropdown.small select, :host .tef-dropdown.small span { font-size: 11px; line-height: 13px; padding: 6px 40px 6px 9px; } :host .tef-dropdown.small:hover select, :host .tef-dropdown.small:focus select, :host .tef-dropdown.small:active select, :host .tef-dropdown.small:hover span, :host .tef-dropdown.small:focus span, :host .tef-dropdown.small:active span { padding: 5px 39px 5px 8px; } :host .tef-dropdown.small li { font-size: 11px; } :host .tef-dropdown.large:before { font-size: 30px; line-height: 44px; } :host .tef-dropdown.large select, :host .tef-dropdown.large span { font-size: 24px; line-height: 29px; padding: 7px 40px 7px 14px; } :host .tef-dropdown.large:hover select, :host .tef-dropdown.large:focus select, :host .tef-dropdown.large:active select, :host .tef-dropdown.large:hover span, :host .tef-dropdown.large:focus span, :host .tef-dropdown.large:active span { padding: 6px 39px 6px 13px; } :host .tef-dropdown.large li { font-size: 24px; } :host .tef-dropdown.active ul { display: block; } :host .tef-dropdown.block { width: 100%; } :host .tef-dropdown.block select, :host .tef-dropdown.block span { width: 100%; } :host .tef-dropdown[icon] { line-height:1; font-family:"icons"; font-weight:normal; font-style:normal; speak:none; text-align: left; text-decoration:inherit; text-transform:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } :host .tef-dropdown[icon=angle_down]:before { content:"\f101"; } :host .tef-dropdown[icon=angle_up]:before { content:"\f104"; } :host .tef-dropdown.up:before { top: -2px; } :host .tef-dropdown.up ul { box-shadow: {{g.shadowReverse}}; top: auto; bottom: 100%; margin: 8px 4px 0; } @-moz-document url-prefix() { .tef-dropdown select { padding: 7px 40px 6px 9px; } .tef-dropdown:hover select, .tef-dropdown:focus select, .tef-dropdown:active select { padding: 6px 39px 5px 8px; } .tef-dropdown.small select { padding: 5px 40px 4px 9px; } .tef-dropdown.small:hover select, .tef-dropdown.small:focus select, .tef-dropdown.small:active select { padding: 4px 39px 3px 8px; } .tef-dropdown.large select { padding: 6px 40px 6px 9px; } .tef-dropdown.large:hover select, .tef-dropdown.large:focus select, .tef-dropdown.large:active select { padding: 5px 39px 5px 8px; } } /* Generated by grunt-webfont */ @font-face { font-family:"icons"; src:url("icons.eot?38aa8179c4b2c10117d0f6151c3d3249"); font-weight:normal; font-style:normal; } @font-face { font-family:"icons"; src:url("icons.eot?38aa8179c4b2c10117d0f6151c3d3249"); src:url("icons.eot?#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight:normal; font-style:normal; }