body{height:100%;width:100%;float:left;opacity:0}body.show{opacity:1}.imageContainer{width:50vw;height:100vh;float:left;position:relative;display:flex;justify-content:center;flex-flow:column;align-items:center}.imageContainer img{width:100%;height:100vh;object-fit:cover;object-position:100% 0;position:absolute;left:0;top:0;z-index:-1}.imageContainer .logo{width:100px;height:100px;background-image:url("../Images/A2I Logo.png");background-size:100%;background-repeat:no-repeat;margin-bottom:50px}.imageContainer .text{color:#fff;width:440px;font-size:18px;text-align:center}.contentContainer{float:left;width:50vw;height:100vh;background-color:#f8f9fb;position:relative}.contentContainer .header{height:100px;width:100%;float:left}.contentContainer .header .icon{width:140px;height:50px;margin:25px 60px;background-image:url("../Images/A2I TextLogo.png");background-size:100%;background-repeat:no-repeat}.contentContainer .content{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute}.contentContainer .content .container{border-radius:5px;padding:60px}.contentContainer .content .container .fieldContainer{width:300px}.contentContainer .content .container .fieldContainer .title{line-height:30px;font-size:24px;margin-bottom:30px}.contentContainer .content .container .fieldContainer .title.centered{text-align:center}.contentContainer .content .container .fieldContainer label{line-height:20px;color:#606060}.contentContainer .content .container .fieldContainer label.inline{float:left}.contentContainer .content .container .fieldContainer label.right{float:right}.contentContainer .content .container .fieldContainer .staticText{width:calc(100% - 12px);height:18px;padding:5px;color:#606060;line-height:18px;border:1px solid #C7C9CC;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contentContainer .content .container .fieldContainer .processState{height:100px;width:100%;font-size:72px;text-align:center;line-height:100px}.contentContainer .content .container .fieldContainer .processState .fa-circle-check{--fa-primary-color:#548235;--fa-secondary-color:rgba(84, 130, 53, 0.5)}.contentContainer .content .container .fieldContainer .processState .fa-circle-exclamation{--fa-primary-color:#D6222C;--fa-secondary-color:rgba(214, 34, 44, 0.1)}.contentContainer .content .container .fieldContainer input{height:30px;width:100%;border-radius:5px}.contentContainer .content .container .fieldContainer .inputLine{margin-bottom:20px}.contentContainer .content .container .fieldContainer .button,.contentContainer .content .container .fieldContainer a>div{border-radius:5px;text-align:center;border:1px solid #f3f4f5;cursor:pointer;background-color:#f3f4f5;color:#000;margin-top:10px;height:28px;line-height:28px}.contentContainer .content .container .fieldContainer .button.confirm,.contentContainer .content .container .fieldContainer .imageButton,.contentContainer .content .container .fieldContainer input[type=submit]{border:1px solid #0080dd;color:#fff;cursor:pointer;background-color:#0080dd;border-radius:5px}.contentContainer .content .container .fieldContainer .imageButton{width:calc(100% - 2px);position:relative;background-color:#fff;margin:0}.contentContainer .content .container .fieldContainer .imageButton .image{height:20px;width:20px;margin:5px;background-size:100%;background-repeat:no-repeat;float:left}.contentContainer .content .container .fieldContainer .imageButton.ms .image{background-image:url(../../css/Images/signin/ms.png)}.contentContainer .content .container .fieldContainer .imageButton.google .image{background-image:url(../../css/Images/signin/google.png)}.contentContainer .content .container .fieldContainer .imageButton.apple .image{background-image:url(../../css/Images/signin/apple.png)}.contentContainer .content .container .fieldContainer .imageButton .text{width:calc(100% - 30px);height:30px;line-height:30px;color:#202020;text-align:center}.contentContainer .content .container .fieldContainer .imageButton input{position:absolute;left:0;top:0;opacity:0}.contentContainer .content .container .fieldContainer a{text-decoration:none}.contentContainer .content .container .fieldContainer .qrcode{width:200px;height:200px;margin-left:50px}@media only screen and (max-width:850px){.imageContainer{display:none}.contentContainer{width:100vw}}@media only screen and (max-device-width:925px) and (orientation:landscape){.contentContainer .contentContainer .content .container{margin:20px}}@media only screen and (max-height:600px){.contentContainer .contentContainer .header{display:none}.contentContainer .contentContainer .content .container{margin:20px}}