@font-face { font-family: "ABBvoice_Rg";
    src: url("ABBvoice_W_Rg.woff2"), url("ABBvoice_W_Rg.woff");
}			 

@font-face { font-family: "ABBvoice_Bd";
    src: url("ABBvoice_W_Bd.woff2"), url("ABBvoice_W_Bd.woff");
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em
}

body.login-pf {
    font-family: "ABBvoice_Rg";
    background: url("bg-plain.png") no-repeat 50% 0;
    background-size: auto;
    background-color: #101010;
}

#badge {
    width: 73px;
    height: 69px;
    background-image: url("cockpit_logo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#brand:before {
    content: "&emsp;&emsp;&emsp;&emsp;OPTIMAX<sup>&reg;</sup>";
}

#brand {
    font-family: "ABBvoice_Bd";
    font-size: 24px;
    background-image: url("abb_logo_white.svg");
    background-repeat: no-repeat;
    background-size: auto 1.1em;
    background-position: 10px 50%;
}

#index-brand {
    font-family: "ABBvoice_Bd";
    font-size: 12px;
    content: "&emsp;&emsp;&emsp;&ensp;OPTIMAX<sup>&reg;</sup>";
    background-image: url("abb_logo_white.svg");
    background-repeat: no-repeat;
    background-size: auto 1.1em;
    background-position: 0px 50%;
}


@font-face { font-family: "ABBvoice_Rg";
    src: url("ABBvoice_W_Rg.woff2"), url("ABBvoice_W_Rg.woff");
}			 

@font-face { font-family: "ABBvoice_Bd";
    src: url("ABBvoice_W_Bd.woff2"), url("ABBvoice_W_Bd.woff");
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

body.login-pf {
    font-family: "ABBvoice_Rg";
    background: url("bg-plain.png") no-repeat 50% 0;
    background-size: auto;
    background-color: white;
}

#badge {
    width: 73px;
    height: 69px;
    background-image: url("cockpit_logo.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#brand:before {
    content: "&emsp;&emsp;&emsp;&emsp;OPTIMAX<sup>&reg;</sup>";
}

#brand {
    font-family: "ABBvoice_Bd";
    font-size: 24px;
    background-image: url("abb_logo_white.svg");
    background-repeat: no-repeat;
    background-size: auto 1.1em;
    background-position-y: -1.5px;
    
}

#index-brand {
    font-family: "ABBvoice_Bd";
    font-size: 12px;
    content: "&emsp;&emsp;&emsp;&ensp;OPTIMAX<sup>&reg;</sup>";
    background-image: url("abb_logo_white_big.svg");
    background-repeat: no-repeat;
    background-size: auto 1.1em;
    background-position: 0px 50%;
}