@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; }