body{margin:0;padding:0;background-color:#dae2e4;background-color:#DDD;font-family:helvetica, arial;font-size:12px;color:#222;}div.clear{clear:both;}input:focus,select:focus,textarea:focus{outline:none !important;}div.loginscreen{display:block;width:calc(100% - 40px);max-width:500px;background-color:#FFF;overflow:hidden;margin:30px auto 30px auto;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:7px 0 0 0;border-color:#4373CF;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;}@media screen and (max-width:520px){div.loginscreen{margin-top:20px;}}div.loginscreen > h1{display:block;overflow:hidden;width:calc(100% - 40px);margin:25px 20px 15px 20px;font-size:21px;line-height:25px;font-weight:300;font-family:"Roboto", helvetica, arial, sans-serif;text-overflow:ellipsis;white-space:nowrap;}div.loginscreen > form > div.field{display:block;overflow:hidden;width:calc(100% - 40px);margin:0 20px 15px 20px;}div.loginscreen > form > div.field > label{display:block;overflow:hidden;font-family:"Roboto", helvetica, arial, sans-serif;font-size:13px;line-height:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}div.loginscreen > form > div.field > label > span{color:#bb0000;}div.loginscreen > form > div.field > input{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto", helvetica, arial, sans-serif;font-size:13px;color:#666;padding:4px 5px 4px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-style:solid;border-color:#DDD;border-width:1px;background-color:#FCFCFC;height:29px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 0 0 0;}div.loginscreen > form > div.field > input[disabled="disabled"]{background-color:#FFF;border-color:#EEE;color:#DDD;}div.loginscreen > form > div.buttonwrapper{display:block;overflow:hidden;width:calc(100% - 40px);margin:0 20px 30px 20px;padding:10px 0 0 0;}div.loginscreen > form > div.buttonwrapper > input{display:block;width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;font-family:"Roboto", helvetica, arial, sans-serif;font-size:13px;color:#666;padding:4px 25px 4px 25px;border-style:solid;border-color:#afafaf;border-width:1px;height:29px;line-height:19px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 0 0 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#315daf;color:#FFF;border-color:#007cad;background-image:-webkit-linear-gradient(top, #4373CF 0,#315daf 100%);background-image:-moz-linear-gradient(top, #4373CF 0,#315daf 100%);background-image:-o-linear-gradient(top, #4373CF 0,#315daf 100%);background-image:-ms-linear-gradient(top, #4373CF 0,#315daf 100%);background-image:linear-gradient(top, #4373CF 0,#315daf 100%);}div.loginscreen > form > div.buttonwrapper > input:hover{background-image:none;background-color:#0291CD;}div.loginscreen > form > div.buttonwrapper > input:active{background-image:none;background-color:#007cad;}div.loginscreen > form > div.buttonwrapper > input[disabled="disabled"]{background-image:-webkit-linear-gradient(top, #FFF 0,#EEE 100%);background-image:-moz-linear-gradient(top, #FFF 0,#EEE 100%);background-image:-o-linear-gradient(top, #FFF 0,#EEE 100%);background-image:-ms-linear-gradient(top, #FFF 0,#EEE 100%);background-image:linear-gradient(top, #FFF 0,#EEE 100%);color:#CCC;border-color:#EEE;}