.fa,.far,.fas{font-style:normal;}.fa,.far,.fas{font-style:normal;}.fa,.far,.fas{font-style:normal;}body{margin:0;overflow:hidden;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;}body #loginframe{position:fixed;background-image:url("login/background.jpg");background-position:center;background-size:cover;top:0;left:0;width:100%;height:100%;}body #loginframe #logindiv{position:relative;left:0;top:50%;width:30vw;margin:auto;margin-top:-13%;border-radius:8px;box-shadow:2px 0 16px 0 rgba(0,0,0,.3);}body #loginframe #logindiv #headline{background-color:#5684cc;border-radius:8px 8px 0 0;padding:20px 10px;color:#fff;text-align:center;font-size:150%;letter-spacing:6px;}body #loginframe #logindiv #loginform{background-color:#fff;border-radius:8px 8px 8px 8px;}body #loginframe #logindiv #loginform .frame{margin:10px 20px;display:flex;}body #loginframe #logindiv #loginform .frame2{padding:40px 0 0 0;}body #loginframe #logindiv #loginform .input{position:relative;border-radius:6px;padding:0;background-color:transparent;font-size:140%;}body #loginframe #logindiv #loginform .input .in{display:inline-block;flex-basis:100%;border-radius:6px;}body #loginframe #logindiv #loginform .input .in input{border:0;width:calc(100% - 10px);padding:7px 40px 7px 10px;font-size:100%;color:#888;border-radius:6px;border:1px solid #bbb;}body #loginframe #logindiv #loginform .input .icon{display:inline-block;width:46px;text-align:center;}body #loginframe #logindiv #loginform .input .icon i{color:#bbb;font-size:100%;position:absolute;top:9px;right:12px;}body #loginframe #logindiv #loginform input::placeholder{color:#aaa;font-style:italic;font-size:95%;}body #loginframe #logindiv #loginform #spacer{height:50px;}body #loginframe #logindiv #loginform #realm{display:none;}body #loginframe #logindiv #loginform #checks{padding:20px 20px 0 0;color:#bbb;text-align:right;margin-bottom:4px;}body #loginframe #logindiv #loginform #checks #RememberMe{display:inline-block;padding-left:10px;float:left;}body #loginframe #logindiv #loginform #checks #RememberMe input{transform:scale(1.4);}body #loginframe #logindiv #loginform #checks #RememberMe p{font-size:100%;display:inline-block;padding-left:8px;margin:0;}body #loginframe #logindiv #loginform #checks a{font-size:80%;color:#bbb;text-decoration:none;}body #loginframe #logindiv #loginform #response{display:none;margin:40px 20px -20px 20px;border-radius:6px;padding:15px 10px;font-size:90%;}body #loginframe #logindiv #loginform #response i{font-size:150%;position:relative;top:2px;margin-right:5px;margin-left:5px;margin-bottom:4px;}body #loginframe #logindiv #loginform .responseError{border:1px solid #d88a8a;background-color:#e6b7b7;color:#bf1a1a;}body #loginframe #logindiv #loginform .responseOk{border:1px solid #9bd88a;background-color:#ceeac2;color:#1abf28;}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}body #loginframe #logindiv #loginform .faa-spin.animated,body #loginframe #logindiv #loginform .faa-spin.animated-hover:hover,body #loginframe #logindiv #loginform .faa-parent.animated-hover:hover>.faa-spin{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}body #loginframe #logindiv #loginform .faa-spin.animated.faa-fast,body #loginframe #logindiv #loginform .faa-spin.animated-hover.faa-fast:hover,body #loginframe #logindiv #loginform .faa-parent.animated-hover:hover>.faa-spin.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;}body #loginframe #logindiv #loginform .faa-spin.animated.faa-slow,body #loginframe #logindiv #loginform .faa-spin.animated-hover.faa-slow:hover,body #loginframe #logindiv #loginform .faa-parent.animated-hover:hover>.faa-spin.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite;}body #loginframe #logindiv #loginform .loginbuttons input{width:100%;background-color:#5684cc;border:0;border-radius:6px;padding:10px 20px;color:#fff;font-size:120%;letter-spacing:3px;}body #loginframe #logindiv #loginform .loginbuttons .error{color:#fdefe4;background-color:#fddec5;}body #loginframe #logindiv #loginform #loginButton{margin-top:0;}body #loginframe #logindiv #loginform #resetPasswordButton{margin-top:50px;}body #loginframe #logindiv #loginform #setPasswordButton{margin-top:50px;}body #loginframe #logindiv #loginform #gotoLoginButton{margin-top:50px;}body #loginframe #logindiv #loginform #gotoLoginButton input{text-align:center;box-sizing:border-box;}body #loginframe #logindiv #loginform #copyright{text-align:center;color:#ccc;font-size:80%;padding:50px 0 9px 0;}body #EULA{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:4000;}body #EULA #frame{background-color:#e8d6c6;margin:100px;height:calc(100% - 200px);width:calc(100% - 200px);border:8px solid #ff7300;border-radius:20px;padding:20px 10px 20px 30px;}body #EULA #frame #page{width:100%;height:100%;overflow-y:scroll;flex-direction:column;}body #EULA #frame #page #AcceptFrame{text-align:center;margin:20px;}body #EULA #frame #page #AcceptFrame #IAccept{display:inline-block;cursor:pointer;margin:40px 0 0 0;padding:20px 40px 25px 32px;border:1px solid rgba(117,96,78,.5);border-radius:4px;color:#75604e;background-color:#e2c9b3;font-size:110%;}body #EULA #frame #page #AcceptFrame #IAccept i{color:rgba(0,0,0,.1);font-size:175%;margin-right:10px;position:relative;top:3px;}body #EULA #frame #page #AcceptFrame #IAccept i.accepted{color:#39c331;text-shadow:1px 1px 6px #999;}body #EULA #frame #page #buttons{text-align:center;margin:30px;}body #EULA #frame #page #buttons #acceptEULAButton{font-size:150%;background:#ffba83;background-image:linear-gradient(to bottom,rgba(255,201,158,.4666666667),rgba(255,186,131,.4666666667));color:#d4a07c;padding:4px 20px;margin-left:5px;border-radius:4px;border:0;box-shadow:1px 1px 6px #999;}body #EULA #frame #page #buttons #acceptEULAButton.accepted{background-image:linear-gradient(to bottom,#ffc99e,#ffba83);box-shadow:2px 2px 6px #999;color:#b36630;}body #AdditionalAuthenticationFactor{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:4000;}body #AdditionalAuthenticationFactor #frame{background-color:#e8d6c6;margin:100px;height:calc(100% - 200px);width:calc(100% - 200px);border:8px solid #ff7300;border-radius:20px;padding:20px 10px 20px 30px;}body #AdditionalAuthenticationFactor #frame #page{width:100%;height:100%;overflow-y:scroll;}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){body #loginframe #logindiv{width:80vw;top:42vh;font-size:175%;}body #loginframe #logindiv #loginform #headline{margin-bottom:75px;}body #loginframe #logindiv #loginform .frame{margin:15px 40px;}body #loginframe #logindiv #loginform .input{height:75px;font-size:160%;}body #loginframe #logindiv #loginform .input .in input{padding:12px 20px;width:calc(100% - 42px);}body #loginframe #logindiv #loginform .input .icon i{top:12px;}body #loginframe #logindiv #loginform #button{margin-top:50px;}body #loginframe #logindiv #loginform #button input{padding:15px 20px;font-size:180%;}body #loginframe #logindiv #loginform #copyright{padding-bottom:15px;}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){body #loginframe #logindiv{width:50vw;top:30vh;font-size:110%;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){body #loginframe #logindiv{width:60vw;top:45vh;font-size:150%;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){body #loginframe #logindiv{width:50vw;top:40vh;font-size:100%;}}body #loginframe{background-image:url("images/OCNBackground0001.jpg");}body #loginframe #logindiv #loginform #headline{background-color:#fcbc67;}body #loginframe #logindiv #loginform .input .in input:-webkit-autofill,body #loginframe #logindiv #loginform .input .in input:-webkit-autofill:hover,body #loginframe #logindiv #loginform .input .in input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fcf5ec inset;}body #loginframe #logindiv #loginform .input .in input:-internal-autofill-selected{-webkit-box-shadow:0 0 0 1000px #fcf5ec inset;}body #loginframe #logindiv #loginform .loginbuttons input{background-color:#fcbc67;}body #loginframe #logindiv #loginform .loginbuttons .error{color:#d8bec8;background-color:#eadae0;}body #loginframe #logindiv #loginform #copyright{font-size:70%;}body #loginframe #logindiv #loginform #copyright a{color:#c0c0c0;text-decoration:none;}body #EULA #frame{background-color:#e8d6c6;border:8px solid #fcbc67;}body #EULA #frame #page #AcceptFrame #IAccept{border:1px solid rgba(117,96,78,.5);color:#75604e;background-color:#e2c9b3;}body #EULA #frame #page #buttons{text-align:center;margin:30px;}body #EULA #frame #page #buttons #acceptEULAButton{background-image:linear-gradient(to bottom,rgba(255,201,158,.4666666667),rgba(255,186,131,.4666666667));color:#d4a07c;box-shadow:1px 1px 6px #999;}body #EULA #frame #page #buttons #acceptEULAButton.accepted{background-image:linear-gradient(to bottom,#ffc99e,#ffba83);color:#b36630;box-shadow:2px 2px 6px #999;}body #AdditionalAuthenticationFactor #frame{background-color:#e8d6c6;border:8px solid #fcbc67;}