:root{font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;min-width:610px;height:100%;min-height:400px;margin:0}body{font-size:10px;background:#161619;overflow:auto}.fullscreen-pane{position:absolute;inset:0;min-height:400px}.web-screen{display:block;background-color:#161619;background-image:url("/logon/LogonPoint/receiver/images/common/ReceiverFullScreenBackground.jpg");background-size:100% 100%}.vertical-center-outer{display:table;width:100%;height:100%}.vertical-center-inner{display:table-cell;vertical-align:middle}.content-area{width:100%;padding:60px 0;background:rgba(63,54,67,.82);box-shadow:0 1px 16px rgba(0,0,0,.3);text-align:center}.logon-area{display:table;width:100%;margin:0 auto}.logon-spacer{display:table-cell;height:52px;min-width:200px}.logon-spacer-DefaultTheme{display:table-cell;width:45px}.logon-logo-container{background-image:url("/vpn/media/citrixgateway_logo_white.png");background-repeat:no-repeat;background-position:center center}.logon-large.logon-logo-container{position:relative;width:385px;min-width:385px;background-size:160px 25px}.form-content{display:table-cell;width:508px;vertical-align:middle;text-align:left}.form-container,.credentialform{width:570px}.credentialform{margin:0;padding:0}.field{min-height:64px;clear:both}.field .left{float:left;width:174px;padding-top:13px}.field .right{float:right;width:385px}.label{color:#fff;font-size:17px;font-weight:300;line-height:44px;white-space:nowrap}.credentialform input,.credentialform select{width:385px;height:44px;margin:0;border:0;border-radius:0;background:#fff;color:#333;padding:0 18px;font:16px "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;outline:none}.credentialform input:focus,.credentialform select:focus{outline:1px solid #02a1c1}.credentialform select{appearance:auto;padding-right:7px}.buttonsrow{min-height:71px;padding-top:27px}.buttonscontainer{display:inline-block}.button{display:inline-block;width:385px;min-width:247px;height:44px;border:0;border-radius:0;background:#bbb;color:#fff;padding:0 20px;font:500 16px/44px "Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer}.button.default{background:#02a1c1}.button.default:hover,.button.default:focus{background:#028ba7}.spinner{display:inline-block;visibility:hidden;width:22px;height:44px;margin:0 0 0 34px;position:relative}.spinner img{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px}.error{display:none;width:385px;margin:0 0 14px 185px;color:#fff;font-size:14px;line-height:20px}.error.visible{display:block}.spacer{clear:both}.logon-small{display:none}#logonbelt-topshadow,#logonbelt-bottomshadow{display:none}@media(max-width:1009px){html,body{min-width:0}.content-area{padding:42px 24px}.logon-area{display:block}.logon-large,.logon-spacer-DefaultTheme,.logon-area>.logon-spacer:last-child{display:none}.logon-small{display:block;position:relative;width:268px;height:76px;margin:0 auto 34px}.logon-small.logon-logo-container{background-size:contain;background-position:center}.form-content,.form-container,.credentialform{display:block;width:100%;max-width:570px;margin:auto}.field .left{width:160px}.field .right{float:left}.error{margin-left:160px}}@media(max-width:609px){.content-area{padding:30px 20px}.field{min-height:77px}.field .left,.field .right{float:none;width:100%;padding:0}.label{line-height:27px}.credentialform input,.credentialform select,.button{width:100%}.error{width:100%;margin-left:0}.form-content{max-width:385px}}