html,body{height:100%;overflow:hidden;font-family:"Open Sans", Helvetica, Arial, sans-serif;}body{background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:background-color 600ms ease-out;}.overlay{background-color:rgba(0,0,0,0.3);transition:background-color 600ms ease-out;}#container{background:linear-gradient(to bottom,rgba(146,135,187,0.8) 0%,rgba(0,0,0,0.6) 100%);border-radius:15px;width:400px;padding:30px;z-index:2;}#logo{max-width:100%;}#container form{display:flex;flex-direction:column;align-items:center;}#error{color:white;margin-top:20px;min-height:22px;}#fatalError{color:white;margin-bottom:20px;}.copyright{color:#aba8ae;font-size:11px;}.copyright a{color:#fff;text-decoration:none;}.copyright a:hover{text-decoration:underline;}#step-up,#step-mfa{width:100%;}#step-mfa{display:none;}input[type="text"],input[type="password"]{font-size:15px;background:transparent;color:#fdfcfd;border:none;outline:none;height:40px;width:100%;padding-left:32px;}input::placeholder{color:#fdfcfd;opacity:1;}label{color:#fdfcfd;}.username,.password,.mfa{border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:15px;padding-top:10px;position:relative;}.username::after,.password::after,.mfa::after{position:absolute;top:20px;}.rememberMe{padding-top:10px;padding-left:4px;}.rememberMe label{padding-left:10px;}.username::after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwIDJhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04Wm0tNC45OTEgOUEyLjAwMSAyLjAwMSAwIDAgMCAzIDEzYzAgMS42OTEuODMzIDIuOTY2IDIuMTM1IDMuNzk3QzYuNDE3IDE3LjYxNCA4LjE0NSAxOCAxMCAxOGMxLjg1NSAwIDMuNTgzLS4zODYgNC44NjUtMS4yMDNDMTYuMTY3IDE1Ljk2NyAxNyAxNC42OSAxNyAxM2EyIDIgMCAwIDAtMi0ySDUuMDA5WiIvPjwvc3ZnPg==");}.password::after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDJhMyAzIDAgMCAxIDMgM3YxaDFhMiAyIDAgMCAxIDIgMnY3YTIgMiAwIDAgMS0yIDJINmEyIDIgMCAwIDEtMi0yVjhhMiAyIDAgMCAxIDItMmgxVjVhMyAzIDAgMCAxIDMtM1ptMCA4LjVhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWk0xMCA0YTEgMSAwIDAgMC0xIDF2MWgyVjVhMSAxIDAgMCAwLTEtMVoiLz48L3N2Zz4=");}.mfa::after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUgMy41QTEuNSAxLjUgMCAwIDEgNi41IDJoN0ExLjUgMS41IDAgMCAxIDE1IDMuNXY1LjU0MUEzIDMgMCAwIDAgMTEuNSAxMnYuMDYzQTIgMiAwIDAgMCAxMCAxNEg4LjVhLjUuNSAwIDAgMCAwIDFIMTB2M0g2LjVBMS41IDEuNSAwIDAgMSA1IDE2LjV2LTEzWm03LjUgOC41djFIMTJhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi00YTEgMSAwIDAgMC0xLTFoLS41di0xYTIgMiAwIDEgMC00IDBabTEgMXYtMWExIDEgMCAxIDEgMiAwdjFoLTJabTEgMi4yNWEuNzUuNzUgMCAxIDEgMCAxLjUuNzUuNzUgMCAwIDEgMC0xLjVaIi8+PC9zdmc+");}button{height:38px;width:100%;margin:20px 0;color:rgba(255,255,255,0.8);background:#00aeef;font-size:18px;border-radius:30px;cursor:pointer;outline:none;border:none;}button#loginSSO{color:black;background-color:white;margin-top:10px;}