:host label { color: {{g.grey5}}; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 28px; font-weight: bold; padding-right: 7px; } :host .tef-input { display: inline-block; vertical-align: middle; background: white; color: black; font-size: 15px; line-height: 18px; padding: 8px 9px; border: 1px solid {{g.grey2}}; border-radius: {{g.radius}}; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host * { font-family: "Arial",sans-serif; } :host .tef-input.small { font-size: 11px; line-height: 13px; padding: 6px 9px; } :host .tef-input.large { font-size: 24px; line-height: 29px; padding: 7px 14px; } :host .tef-input:hover, :host .tef-input:focus, :host .tef-input:active { padding: 7px 8px; border: 2px solid {{g.significant}}; outline: none; } :host .tef-input:hover.small, :host .tef-input:focus.small, :host .tef-input:active.small { padding: 5px 8px; } :host .tef-input:hover.large, :host .tef-input:focus.large, :host .tef-input:active.large { padding: 6px 13px; } :host .tef-input.icon { padding-right: 40px; } :host .tef-input.icon:hover, :host .tef-input.icon:focus, :host .tef-input.icon:active { padding-right: 39px; } :host .tef-input.icon + [icon] { position: relative; top: 3px; left: -37px; width: 40px; margin-right: -27px; } :host .tef-input.icon + [icon]:before { display:inline-block; font-size: 24px; font-family: "icons"; font-weight: normal; font-style: normal; speak: none; letter-spacing: 0; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :host .tef-input.icon + [icon="search"]:before { content: "\f10d"; } :host .tef-input.icon.small + [icon] { top: 2px; left: -32px; margin-right: -22px; } :host .tef-input.icon.small + [icon]:before { font-size: 18px; content:"\f10d"; } :host .tef-input.icon.large + [icon] { top: 6px; left: -40px; margin-right: -30px; } :host .tef-input.icon.large + [icon]:before { font-size: 30px; } :host .tef-input.block { width: 100%; } :host .tef-input.block + [icon], :host .tef-input.block.small + [icon], :host .tef-input.block.large + [icon] { position: absolute; right: 0; left: auto; margin-right: 0; } :host .tef-message { display: inline-block; vertical-align: middle; color: white; font-size: 12px; padding: 6px 10px; border-radius: {{g.radius}}; box-sizing: border-box; } :host .tef-ok .tef-input, :host .tef-warning .tef-input, :host .tef-error .tef-input { padding: 7px 8px; border-width: 2px; border-style: solid; } :host .tef-ok .tef-input.small, :host .tef-warning .tef-input.small, :host .tef-error .tef-input.small { padding: 5px 8px; } :host .tef-ok .tef-input.large, :host .tef-warning .tef-input.large, :host .tef-error .tef-input.large { padding: 6px 13px; } :host .tef-ok .tef-input:hover, :host .tef-warning .tef-input:hover, :host .tef-error .tef-input:hover, :host .tef-ok .tef-input:focus, :host .tef-warning .tef-input:focus, :host .tef-error .tef-input:focus, :host .tef-ok .tef-input:active, :host .tef-warning .tef-input:active, :host .tef-error .tef-input:active { border-color: {{g.significant}}; } :host .tef-ok .tef-input { border-color: {{g.positive}}; } :host .tef-ok .tef-message { background-color: {{g.positive}}; } :host .tef-warning .tef-input { border-color: {{g.warning}}; } :host .tef-warning .tef-message { background-color: {{g.warning}}; } :host .tef-error .tef-input { border-color: {{g.negative}}; } :host .tef-error .tef-message { background-color: {{g.negative}}; } :host .tef-input.block + .tef-message { margin-top: 5px; display: block; } :host .tef-row, :host .tef-group { display: block; position: relative; margin-bottom: 10px; } :host .tef-row label, :host .tef-group label { display: block; } :host .tef-row label.tef-inline, :host .tef-group label.tef-inline { display: inline-block; } :host .tef-row > label + *, :host .tef-group > label + *, :host .tef-row > .tef-message, :host .tef-group > .tef-message { margin-left: 0; } :host .tef-group > * { border-radius: 0 !important; } :host .tef-group > *:first-child, :host .tef-group > *:first-child > button { border-radius: {{g.radius}} 0 0 {{g.radius}} !important; } :host .tef-group > *:last-child, :host .tef-group > *:last-child > button { border-radius: 0 {{g.radius}} {{g.radius}} 0 !important; } :host .tef-group > *:first-child:last-child { border-radius: {{g.radius}} !important; } :host .tef-group > * ~ * { margin: 0 0 0 -5px !important; } :host .tef-group ::content > * { border-radius: 0 !important; } :host .tef-group ::content > *:first-child, :host .tef-group ::content > *:first-child > button, :host .tef-group ::content > *:first-child::shadow .tef-button { border-radius: {{g.radius}} 0 0 {{g.radius}} !important; } :host .tef-group ::content > *:last-child, :host .tef-group ::content > *:last-child > button, :host .tef-group ::content > *:last-child::shadow .tef-button { border-radius: 0 {{g.radius}} {{g.radius}} 0 !important; } :host .tef-group ::content > *:first-child:last-child { border-radius: {{g.radius}} !important; } :host .tef-group ::content > * ~ * { margin: 0 0 0 -5px !important; } :host .tef-group .tef-button + .tef-button { border-left-color: white; } :host .tef-group ::content tef-button + tef-button::shadow .tef-button { border-left-color: white; } :host textarea.tef-input { resize: none; } :host [disabled], :host .disabled { opacity: 0.4; pointer-events: none; } /* Generated by grunt-webfont */ @font-face { font-family:"icons"; src:url("icons.eot?7a2e5ff8e5e3c87e8f7772c73836c4e3"); font-weight:normal; font-style:normal; } @font-face { font-family:"icons"; src:url("icons.eot?7a2e5ff8e5e3c87e8f7772c73836c4e3"); 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,AAEAAAAKAIAAAwAgT1MvMkC7TF4AAAEoAAAAVmNtYXDiIxC2AAAByAAAAUpnbHlmgOmz1gAAAzwAAAZ0aGVhZAOxN8UAAADQAAAANmhoZWEDzwHSAAAArAAAACRobXR4GuAAAAAAAYAAAABIbG9jYQ9QDYQAAAMUAAAAJm1heHABHwBPAAABCAAAACBuYW1lFNvC+AAACbAAAAHycG9zdCu3FCcAAAukAAAA1QABAAABwP/AAC4CAAAA//8B3gABAAAAAAAAAAAAAAAAAAAAEgABAAAAAQAAd0Qf6l8PPPUACwIAAAAAANFae7YAAAAA0Vp7tv///8AB3gGcAAAACAACAAAAAAAAAAEAAAASAEMAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQF+AZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxEQHA/8AALgHAAEAAAAABAAAAAAAAAgAAAAFJAAAAtwAAALcAAAFJAAACAAAAAZMAAAIAAAABSQAAAgAAAAIAAAABkwAAAZMAAAHcAAABJQAAASUAAAElAAABkwAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxEf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYATAByAJgAwAD8AUoBcAHQAhQCMAJgApQCxALgAvwDOgAAAAEAAAAAATQBBgAVAAAlFA8BBiIvASY0PwE2Mh8BNzYyHwEWATMDhQMHA4UDAw4DBwNxcAMHAw4D7gQDhQMDhQMHAw8CAnFxAgIPAwABAAAAAAC0AT0AFQAAExQPARcWFA8BBiIvASY0PwE2Mh8BFrMDcHADAw4DBwOFAwOFAwcDDgMBJQQDcHECCAMOAwOFAwcDhQMDDgMAAQAAAAAAqgE9ABUAADcUDwEGIi8BJjQ/AScmND8BNjIfARaqA4UDBwMOAwNwcAMDDgMHA4UDrgQDhQMDDgMIAnFwAwcDDgMDhQMAAAEAAAAAATQA/QAVAAAlFA8BBiIvAQcGIi8BJjQ/ATYyHwEWATMDDgMHA3BxAwcDDgMDhQMHA4UDbgQDDgMDcHADAw4DBwOFAwOFAwABAAAAAAHeAWEAFQAAARQPAQYiLwEmND8BNjIfATc2Mh8BFgHdCPUIFwiOCAgmCBcIVLwIFwgmCAEeCwj2CAiOCBcIJwgIVLwICCcIAAAAAAEAAAAAAXMBWAAkAAAlFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWAXMIJwgXCFRUCBcIJwgIVFQICCcIFwhUVAgXCCcICFRUCEYLCCcICFRUCAgnCBcIVFQIFwgmCAhUVAgIJggXCFRUCAAAAAIAAP/kAdwBnAAkADEAACU0LwE3NjQvASYiDwEnJiIPAQYUHwEHBhQfARYyPwEXFjI/ATY3FA4BIi4BND4BMh4BAW0GMzMGBhkGDwU0NAUPBhkGBjMzBgYZBg8FNDQFDwYZBm46ZXhlOjpleGU6fwgFNDQFDwYZBgYzMwYGGQYPBTQ0BQ8GGQYGMzMGBhkGSDxlOjpleGU6OmUAAAEAAAAAATQBBgAVAAAlFA8BBiIvASY0PwE2Mh8BNzYyHwEWATMDhQMHA4UDAw4DBwNxcAMHAw4D7gQDhQMDhQMHAw8CAnFxAgIPAwAD////5AG3AZwADwA1AEIAACU1NCYrASIGHQEUFjsBMjY3NC4BIyIHBh8BFjI3PgEyFhQGBw4BHQEUFjsBMjY0Nj8BPgMXFA4BIi4BND4BMh4BAQAFBDcEBQUENwQFSSAvGUUlBAYmAggDDxMdFQsOEh4FBDcEBQwKDgUQCQduO2V3ZTs7ZXdlOzc3BAUFBDcEBQXEGSsXPQYGHAIEEw4PFA4GCCETCwQFBQoRBggDDg0VKjxlOjpleGU6OmUAAAADAAAAAAHcAXcADwAfADAAACUVFAYjISImPQE0NjMhMhY1FRQGIyEiJj0BNDYzITIWNRUUBiMhIiY9ATQ2MyEyFhUB2woI/m4ICgoIAZIICgoI/m4ICgoIAZIICgoI/m4ICgoIAZIICkAlBwsLByUHCwuLJAgLCwgkCAsLiyUHCwsHJQcLCwcAAQAAAAABkwEKAA8AACUVFAYjISImPQE0NjMhMhYBkhAL/qQLEBALAVwLEO43DBAQDDcLEBAAAAABAAAAAAGTAZwAIwAAJRUUBisBFRQGKwEiJj0BIyImPQE0NjsBNTQ2OwEyFh0BMzIWAZIQC3cQCzcMEHcLEBALdxAMNwsQdwsQ7jcMEHYMEBAMdhAMNwsQdwsQEAt3EAAC////wAHcAZwACAAhAAAlNCYiBhQWMjYXFAYiLwEGIyIuAjQ+AjIeAhUUBxcWAUlLaktLakuSFR8KYjM/KUo2ICA2SlJLNh8jYgrSNUtLaktLuA8WC2IkIDZKUks2Hx82Syk/M2IKAAIAAP/2ASUBigAOAB0AACUUDwEGIi8BJjQ2MyEyFjUUBiMhIiY0PwE2Mh8BFgElBoAFDwaABQsHAQAICwsI/wAHCwWABg8FgAaJBwaABQWABg8KCmYICgoPBoAFBYAGAAEAAAAAASUBigAOAAAlFAYjISImND8BNjIfARYBJQsI/wAHCwWABg8FgAb3CAoKDwaABQWABgAAAQAA//YBJQCcAA4AACUUDwEGIi8BJjQ2MyEyFgElBoAFDwaABQsHAQAIC4kHBoAFBYAGDwoKAAAC////5AGTAZwAIQAqAAAlFAYrASImNTQ+BTMyHwEeATI2PwE2MzIeBScUBiImNDYyFgGSKSP6IioCBgkQFBwSAgoVDCYmJgwVCgISHRQPCQYCW0BbQUFbQC8jJycjDx0hHRsTCwYOBwwMBw4GCxMbHSEd8C5AQFtAQAAAAAAQAMYAAQAAAAAAAQAFAAAAAQAAAAAAAgAHAAUAAQAAAAAAAwAFAAwAAQAAAAAABAAFABEAAQAAAAAABQALABYAAQAAAAAABgAFACEAAQAAAAAACgArACYAAQAAAAAACwATAFEAAwABBAkAAQAKAGQAAwABBAkAAgAOAG4AAwABBAkAAwAKAHwAAwABBAkABAAKAIYAAwABBAkABQAWAJAAAwABBAkABgAKAKYAAwABBAkACgBWALAAAwABBAkACwAmAQZpY29uc1JlZ3VsYXJpY29uc2ljb25zVmVyc2lvbiAxLjBpY29uc0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAGkAYwBvAG4AcwBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIKYW5nbGVfZG93bgphbmdsZV9sZWZ0C2FuZ2xlX3JpZ2h0CGFuZ2xlX3VwBWNoZWNrBWNsb3NlDGNsb3NlX2NpcmNsZQhkcm9wZG93bgtoZWxwX2NpcmNsZQRtZW51BW1pbnVzBHBsdXMGc2VhcmNoBHNvcnQIc29ydF9hc2MJc29ydF9kZXNjBHVzZXIAAAAAAA==") format("truetype"); font-weight:normal; font-style:normal; }