@import"https://fonts.googleapis.com/css?family=Rubik:300,400";.loginPage{--side-image-url:url("https://s3-eu-west-1.amazonaws.com/blsq-dhis2/dhis2-assets/blsq-dhis2-intersos-hero-image.png");--login-field-background-color:rgba(37, 147, 206, 0.75);--detail-field-background-color:rgba(48, 57, 61, 0.75)}dl.blsqContactDetails{display:flex;flex-wrap:wrap}dl.blsqContactDetails>dt{width:100%;font-weight:bold}dl.blsqContactDetails>dd{min-width:0;margin-left:auto;width:100%}@media screen and (min-width: 1024px){dl.blsqContactDetails>dt{width:15%}dl.blsqContactDetails>dd{width:85%}}#loginField>#loginArea>#loginForm>#submitDiv>input{margin-top:1em;width:100%}html.loginPage,body.loginPage,.loginPage div,.loginPage span,.loginPage applet,.loginPage object,.loginPage iframe,.loginPage h1,.loginPage h2,.loginPage h3,.loginPage h4,.loginPage h5,.loginPage h6,.loginPage p,.loginPage blockquote,.loginPage pre,.loginPage a,.loginPage abbr,.loginPage acronym,.loginPage address,.loginPage big,.loginPage cite,.loginPage code,.loginPage del,.loginPage dfn,.loginPage em,.loginPage img,.loginPage ins,.loginPage kbd,.loginPage q,.loginPage s,.loginPage samp,.loginPage small,.loginPage strike,.loginPage strong,.loginPage sub,.loginPage sup,.loginPage tt,.loginPage var,.loginPage b,.loginPage u,.loginPage i,.loginPage center,.loginPage dl,.loginPage dt,.loginPage dd,.loginPage ol,.loginPage ul,.loginPage li,.loginPage fieldset,.loginPage form,.loginPage label,.loginPage legend,.loginPage table,.loginPage caption,.loginPage tbody,.loginPage tfoot,.loginPage thead,.loginPage tr,.loginPage th,.loginPage td,.loginPage article,.loginPage aside,.loginPage canvas,.loginPage details,.loginPage embed,.loginPage figure,.loginPage figcaption,.loginPage footer,.loginPage header,.loginPage hgroup,.loginPage menu,.loginPage nav,.loginPage output,.loginPage ruby,.loginPage section,.loginPage summary,.loginPage time,.loginPage mark,.loginPage audio,.loginPage video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.loginPage article,.loginPage aside,.loginPage details,.loginPage figcaption,.loginPage figure,.loginPage footer,.loginPage header,.loginPage hgroup,.loginPage menu,.loginPage nav,.loginPage section{display:block}body.loginPage{line-height:1}.loginPage ol,.loginPage ul{list-style:none}.loginPage blockquote,.loginPage q{quotes:none}.loginPage blockquote:before,.loginPage blockquote:after,.loginPage q:before,.loginPage q:after{content:"";content:none}.loginPage table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}html.loginPage{width:100%;height:100%}body.loginPage{height:100%;width:100%;line-height:1.5;font-family:"Rubik","Arial",sans-serif;background-size:cover;background-repeat:no-repeat;background-image:var(--side-image-url);text-align:left;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap}#loginField{order:1;width:100%;padding:1em 1em;margin:0;text-align:left;background:var(--login-field-background-color)}.loginPage>div:not([id]){height:100vh;background:var(--detail-field-background-color);color:white;padding:50px;order:2;width:100%}.loginPage:before{content:"";flex-grow:1;order:3}@media screen and (min-width: 800px){#loginField{width:25%}.loginPage>div:not([id]){width:45%}}#bannerArea{margin-bottom:50px}#bannerArea a img{max-width:80%}.loginPage>div:not([id]):before{content:"";position:absolute;bottom:0;left:0;padding:20px;opacity:.5}#titleArea,#flagArea,#introArea{position:static;color:white}#flagArea{display:none;width:250px;padding-top:200px;margin-bottom:50px}#titleArea{padding:2px;font-size:31px;text-transform:uppercase;margin-bottom:20px;background-color:var(--login-field-background-color)}#introArea{display:block;margin-top:1em;font-size:21px;color:#651d32;width:100%}#loginField,.loginPage>div{z-index:2}#footerArea{z-index:3}#loginArea{padding-top:50px}#loginField input[type=text],input[type=password]{width:100%;padding:15px}#forgotPasswordLink,#createAccountLink{font-size:14px}#notificationArea{display:none}#footerArea{border:0;display:flex;align-items:center;color:rgba(255, 255, 255, 0.6)}#footerArea a,#footerArea a:visited{color:white}#rightFooterArea{margin-right:20px}#leftFooterArea{flex-grow:1;text-align:left;margin-left:1em}#applicationFooter:before{content:"& BLSQ "}