body{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;background-color:#2b2e3e;}
body.app-efficy, body.app-extranet {display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;background-color:#2b2e3e;}

body.app-efficy #logo{height:72px;margin-bottom:1.5rem;background:url(../imgnew/logo72-white.png) center center no-repeat;background-size:304px 72px;}
body.app-extranet #logo, body.app-conficy #logo{height:72px;margin-bottom:1.5rem;background:url(../img/logo72-white.png) center center no-repeat;background-size:304px 72px;}
#azure-login,#logon-form{margin:0 2.25rem;padding:0 3.125rem 1.375rem 2.1875rem;border-collapse:separate;background:#fff;box-shadow:0 .25rem .1875rem -.125rem rgba(0,0,0,.1),0 .0625rem .0625rem 0 rgba(0,0,0,.2);}

    @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:130dpi),only screen and (min-resolution: 2dppx){
        #logo{background-image:url(../imgnew/logo72-white@2.png);}
    
        div#logo {}
            #div-user{background-image:url(../../../../lib/img/usergray48.png);}
            #div-pass{background-image:url(../../../../lib/img/passgray48.png);}
            #div-db{background-image:url(../../../../lib/img/databasegray48.png);}
            .loading{background-image:url(../../../../lib/img/spinner32.gif);}
    }
    /* medium/large devices */
    @media only screen and (min-width:40.063em),print{
        #header, #footer{padding:1rem;}
    }
    @media only screen and (max-width: 20rem){
        #logo{background-size: 80%;margin: 1rem 0;}
        form{margin: 0 .5rem;}
    }