body{height:100%;max-height:100%;background-image:url('/Images/F0CUSCityView.png');background-size:cover;background-repeat:no-repeat;background-position:center center}body:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:.4;background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:center}textarea{overflow:scroll;resize:none}textarea::-webkit-scrollbar,textarea::-webkit-scrollbar-corner{width:0%;visibility:hidden}h4{font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;font-weight:bold;color:#512d6d;text-align:center}p{font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;margin-bottom:0}a>p{color:#66bbb0}hr{margin-top:1vh}#image-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;width:33%;height:auto;padding-top:5%;padding-left:2%;z-index:1}#authCodeEntry{height:15%;width:100%;display:flex;margin-left:auto}.authCodeFieldCol{display:inline-block;width:calc(100%/6);vertical-align:top;text-align:center}.authCodeField{height:100%;font-size:3.6em;text-align:center;width:75%}#header-image{display:block;margin-left:auto;margin-right:auto;width:33%;box-sizing:content-box;filter:drop-shadow(0 -5px 10px rgba(0,0,0,.25))}.card{border-radius:20px;overflow:hidden;-webkit-box-shadow:0 0 7px 1px black;-moz-box-shadow:0 0 7px 1px black;box-shadow:0 0 7px 1px black}.form-input::-webkit-validation-bubble{background-color:red}#errorPanel{padding:0 15px 15px 15px;width:auto;display:block}#twofactor-container{margin-top:-3%;width:50%;z-index:-1}#tfa-card{text-align:center}#phone-container,#login-container{width:33%;margin-top:-3%;z-index:-1}.input-wrap{position:relative;width:100%}.input-wrap .form-input{width:100%;left:50%;margin-right:-50%;font-size:.8em}.input-wrap .floating-label{position:absolute;pointer-events:none;top:9px;left:10px;font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;font-weight:lighter;font-size:.8em;opacity:.8;transition:.2s ease all}.input-wrap input:focus~.floating-label,.input-wrap input:not(:focus):valid~.floating-label,.input-wrap input:not([value=""]):not(:focus):invalid~.floating-label{top:0;left:5px;font-size:.6em;color:#a4bcc2}.Phone-error,#Email-error,#Password-error{color:#b94a48;font-weight:normal;margin-left:.5%}.card-footer{background-color:#fff}#eula-button{font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;font-weight:normal;width:33%;display:block;margin-left:auto;margin-right:auto;background-color:rgba(81,45,109,1);color:#fff}#agreed-eula,#authenticateButton,#login-button{font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;font-weight:normal;width:33%;display:block;margin-left:auto;margin-right:auto;background-color:rgba(81,45,109,1);color:#fff}#agreed-eula:hover,#eula-button:hover,#authenticateButton:hover,#login-button:hover{background-color:#fff;color:rgba(81,45,109,1);transition:none;border:1px solid rgba(81,45,109,1)}#agreed-eula:not(:hover),#eula-button:not(:hover),#authenticateButton:not(:hover),#login-button:not(:hover){transition:none}#eula-label{display:flex;flex-direction:row;padding-top:1%}#eula-wrapper{margin-left:2%;padding-right:15%;display:flex;height:5%}#read-eula{width:10%;padding:0;margin:0;vertical-align:bottom;position:relative;top:-1px;overflow:hidden}.modal-title{font-family:"Century Gothic",Gotham,AppleGothic,sans-serif;font-weight:bold;font-size:1.6em;color:#512d6d}.contract-display-user{display:flex;justify-content:center}hr{}@media screen and (max-width:1024px),(max-height:1366px),(orientation:portrait){#authCodeEntry{height:7%}.authCodeField{height:100%}}@media screen and (max-width:768px),(max-height:1024px),(orientation:portrait){#twofactor-container{height:60%}#authCodeEntry{height:25%}.authCodeField{height:100%}#agreed-eula,#authenticateButton,#login-button{width:100%}}@media(max-width:992px){#image-container{width:66%}h4{text-align:center}.authCodeField{font-size:2.6em;height:90%}#phone-container,#twofactor-container,#login-container{width:100%;margin-top:-5%}#eula-wrapper{margin-bottom:2%;margin-left:8%}#agreed-eula,#authenticateButton,#login-button{width:100%}}@media(max-width:768px){#tfa-title{height:0%}#tfa-header{margin-top:-3%;height:10%}#image-container{width:95%}#login-container{width:100%;margin-top:-10%}h4{font-size:1em}.authCodeFieldCol{display:inline-block}#authCodeEntry{padding-top:2%;height:15%;width:100%;margin-right:auto}.authCodeField{width:95%;height:80%;font-size:1.6em}#phone-container,#twofactor-container,#image-container{width:100%;padding-left:5%}#authenticateButton{width:auto}#eula-container{max-height:100%}#eula-modal{max-height:100%;display:inline-block}#eula-wrapper{margin-left:-5%;margin-bottom:5%}#read-eula{width:20%}#eula-label{margin-left:2%}}@media screen and (max-width:992px) and (orientation:landscape){#image-container{width:45%;margin-top:-5%}.alert-danger{height:15%;font-size:.8em}.text-danger{margin-top:-3%}#login-container{width:55%;height:50%}#twofactor-container{width:75%;height:100%}.authCodeEntry{}}@media screen and (max-width:768px) and (orientation:landscape){body{overflow:hidden}.alert-danger{font-size:.6em;height:15%}.text-danger{margin-top:-3%}#image-container{width:66%;margin-top:-4%}#login-container{width:75%}#twofactor-container{height:95%;width:95%}#tfa-header{margin-top:-4%}.authCodeFieldCol{margin-top:3%}}.contract-display-user>p{font-size:1.5rem;font-weight:bold;color:#512d6d}.greenNoBG{color:#478d58;background-color:transparent;border-color:transparent}.greenNoBG:hover{background-color:#478d58;color:#fff;border-color:transparent;border-radius:25%}.redNoBG{color:#c53333;background-color:transparent;border-color:transparent}.redNoBG:hover{background-color:#c53333;color:#fff;border-color:transparent;border-radius:25%}.centerContent{display:flex;justify-content:center;align-content:center}.fullWidth{height:10vh;width:10vh}.hidden{display:none!important}.messageBox{display:flex;justify-content:center;margin:20px 0}.messageBox p{margin-left:0}#password-tooltip{display:none;position:relative;background-color:#f9f9f9;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-top:5px;z-index:999;right:0}#password-tooltip>p{font-size:.9em}.input-wrap:focus-within #password-tooltip{display:block}