@charset "UTF-8"; /* New branding colours */ /** Icons Add `.abb-icon` to an element and one of modifier classes: .abb-icon__camera - camera .abb-icon__podcast - podcast .abb-icon__file-empty - file-empty .abb-icon__file-text - file-text .abb-icon__cart - cart .abb-icon__phone-wave - phone-wave .abb-icon__envelop - envelop .abb-icon__pushpin - pushpin .abb-icon__location - location .abb-icon__location2 - location2 .abb-icon__calendar4 - calendar .abb-icon__calendar-empty - calendar-empty .abb-icon__printer - printer .abb-icon__rotate-cw - rotate-cw .abb-icon__bubbles - bubbles .abb-icon__quotes-right - quotes-right .abb-icon__spinner - spinner .abb-icon__spinner2 - another spinner .abb-icon__spinner-cw - spinner-cw .abb-icon__search - search .abb-icon__zoom-in - zoom-in .abb-icon__lock - lock .abb-icon__menu-dotted - menu-dotted .abb-icon__circle-small - circle-small .abb-icon__menu - menu .abb-icon__download - download .abb-icon__earth - earth .abb-icon__star-full - star-full .abb-icon__drag-left-right - drag-left-right .abb-icon__warning - warning .abb-icon__question - question .abb-icon__plus - plus .abb-icon__minus - minus .abb-icon__plus-circle - plus-circle .abb-icon__minus-circle - minus-circle .abb-icon__info - info .abb-icon__blocked - blocked .abb-icon__cross - cross .abb-icon__checkmark - checkmark .abb-icon__play - play .abb-icon__pause - pause .abb-icon__stop - stop .abb-icon__volume-0 - volume-0 .abb-icon__volume-mute4 - volume-mute4 .abb-icon__arrow-up - arrow-up .abb-icon__arrow-right - arrow-right .abb-icon__arrow-down - arrow-down .abb-icon__arrow-left - arrow-left .abb-icon__arrow-small-up - arrow-small-up .abb-icon__arrow-small-right - arrow-small-right .abb-icon__arrow-small-down - arrow-small-down .abb-icon__arrow-small-left - arrow-small-left .abb-icon__arrow-full-right - arrow-full-right .abb-icon__share - share .abb-icon__google-plus - google-plus .abb-icon__facebook - facebook .abb-icon__twitter - twitter .abb-icon__sina-weibo - sina-weibo .abb-icon__rss - rss .abb-icon__youtube - youtube .abb-icon__linkedin - linkedin .abb-icon__pinterest - pinterest .abb-icon__xing - xing Markup: Styleguide: Icons */ /** Sizing By default icon will inherit size from its parent font size. Add `.abb-icon--2x` or `.abb-icon--3x` to adjust it manually. Markup: Styleguide: Icons.Sizing */ /** Animations Add `.abb-icon--rotating` to an element to spin it. Markup:

Weight: -1 Styleguide: Icons.Animations */ /** Loaders Loader can be created by adding `.abb-icon-loader` to an element. It can be combined with any modifier except animations. Markup: Weight: 10 Styleguide: Icons.Loaders */ .abb-icon__search, .abb-icon__zoom-in, .abb-icon__menu, .abb-icon__cross { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "ABBicons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @keyframes abb-icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .abb-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "Icomoon-Ultimate"; font-weight: normal; font-style: normal; speak: none; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; display: inline-block; font-size: 1em; /** MODIFIERS */ /** Sizing */ /** Animations */ } .abb-icon:before, .abb-icon:after { display: inline-block; } .abb-icon--2x { font-size: 2em; } .abb-icon--3x { font-size: 3em; } .abb-icon--rotating:before { animation: abb-icon-spin 1024ms steps(24) infinite; } .abb-icon--inside-link { margin-right: 1em; } .abb-icon--with-text { position: relative; } .abb-icon--with-text:after { display: block; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 29%; font-family: "Helvetica Neue eText Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif; margin: 40% auto 0 auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: attr(data-text); } .abb-icon__camera:before { content: ""; } .abb-icon__podcast:before { content: ""; } .abb-icon__file-empty:before { content: ""; } .abb-icon__file-text:before { content: ""; } .abb-icon__cart:before { content: ""; } .abb-icon__phone-wave:before { content: ""; } .abb-icon__envelop:before { content: ""; } .abb-icon__pushpin:before { content: ""; } .abb-icon__location:before { content: ""; } .abb-icon__location2:before { content: ""; } .abb-icon__calendar4:before { content: ""; } .abb-icon__calendar-empty:before { content: ""; } .abb-icon__printer:before { content: ""; } .abb-icon__rotate-cw:before { content: ""; } .abb-icon__bubbles:before { content: ""; } .abb-icon__quotes-right:before { content: ""; } .abb-icon__spinner:before { content: ""; } .abb-icon__spinner2:before { content: ""; } .abb-icon__spinner-cw:before { content: ""; } .abb-icon__search:before { content: ""; } .abb-icon__zoom-in:before { content: ""; } .abb-icon__lock:before { content: ""; } .abb-icon__menu-dotted:before { content: ""; } .abb-icon__circle-small:before { content: ""; } .abb-icon__menu:before { content: ""; } .abb-icon__download:before { content: ""; } .abb-icon__earth:before { content: ""; } .abb-icon__star-full:before { content: ""; } .abb-icon__drag-left-right:before { content: ""; } .abb-icon__warning:before { content: ""; } .abb-icon__question:before { content: ""; } .abb-icon__plus:before { content: ""; } .abb-icon__minus:before { content: ""; } .abb-icon__plus-circle:before { content: ""; } .abb-icon__minus-circle:before { content: ""; } .abb-icon__info:before { content: ""; } .abb-icon__blocked:before { content: ""; } .abb-icon__cross:before { content: ""; } .abb-icon__checkmark:before { content: ""; } .abb-icon__play:before { content: ""; } .abb-icon__pause:before { content: ""; } .abb-icon__stop:before { content: ""; } .abb-icon__volume-0:before { content: ""; } .abb-icon__volume-mute4:before { content: ""; } .abb-icon__arrow-up:before { content: ""; } .abb-icon__arrow-right:before { content: ""; } .abb-icon__arrow-down:before { content: ""; } .abb-icon__arrow-left:before { content: ""; } .abb-icon__arrow-small-up:before { content: ""; } .abb-icon__arrow-small-right:before { content: ""; } .abb-icon__arrow-small-down:before { content: ""; } .abb-icon__arrow-small-left:before { content: ""; } .abb-icon__arrow-full-right:before { content: ""; } .abb-icon__share:before { content: ""; } .abb-icon__google-plus:before { content: ""; } .abb-icon__facebook:before { content: ""; } .abb-icon__twitter:before { content: ""; } .abb-icon__sina-weibo:before { content: ""; } .abb-icon__rss:before { content: ""; } .abb-icon__youtube:before { content: ""; } .abb-icon__linkedin:before { content: ""; } .abb-icon__pinterest:before { content: ""; } .abb-icon__xing:before { content: ""; } .abb-icon-loader { font-family: "Icomoon-Ultimate"; font-weight: normal; font-style: normal; } .abb-icon-loader:before { display: inline-block; content: ""; animation: abb-icon-spin 1024ms steps(24) infinite; } .abb-overlay-icon-loader { position: relative; } .abb-overlay-icon-loader > * { transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; } .abb-overlay-icon-loader--shown > * { opacity: 0.3; } .abb-overlay-icon-loader--shown .abb-overlay-icon-loader__canvas { visibility: visible; transition-delay: 0s; opacity: 1; } .abb-overlay-icon-loader--shown .abb-overlay-icon-loader__canvas:after { animation: abb-icon-spin 1024ms steps(24) infinite; visibility: visible; opacity: 1; transition-delay: 0s; } .abb-icon__order-switcher { position: relative; top: 0.3em; } .abb-icon__order-switcher:before { display: block; height: 0.5em; content: ""; } .abb-icon__order-switcher:after { display: block; height: 0.5em; content: ""; } .abb-icon__order-switcher--up:after { visibility: hidden; } .abb-icon__order-switcher--down:before { visibility: hidden; } .abb-overlay-icon-loader__canvas { font-family: "Icomoon-Ultimate"; font-weight: normal; font-style: normal; top: 0; left: 0; width: 100%; height: 100%; position: absolute; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; } .abb-overlay-icon-loader__canvas:after { font-family: "Icomoon-Ultimate"; font-weight: normal; font-style: normal; animation: abb-icon-spin 1024ms steps(24) infinite; position: absolute; content: ""; visibility: hidden; opacity: 0; font-size: 48px; line-height: 48px; width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; top: 50%; left: 50%; transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; color: #000; } .abb--overlay-icon-loader { font-family: "Icomoon-Ultimate"; font-weight: normal; font-style: normal; } .abb--overlay-icon-loader:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #F0F0F0; z-index: 1; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; } .abb--overlay-icon-loader:after { position: absolute; content: ""; visibility: hidden; opacity: 0; font-size: 48px; line-height: 48px; width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; top: 50%; left: 50%; transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; z-index: 2; color: #000; } .abb--overlay-icon-loader--shown:before { visibility: visible; opacity: 0.7; transition-delay: 0s; } .abb--overlay-icon-loader--shown:after { animation: abb-icon-spin 1024ms steps(24) infinite; visibility: visible; opacity: 1; transition-delay: 0s; }