html{margin:0;padding:0;height:100%}body{margin:0;padding:0;height:100%;background:0 0;position:relative;overflow-x:hidden}body.background{background:#454444 url(../login/images/rkzk-bg.png) repeat}body.animate{opacity:0;transition:opacity 250ms ease-out}body.fadeIn{opacity:1}body,input{font-family:"Trebuchet MS",sans-serif;color:#fffdf2;font-size:14px}a,a:active,a:hover,a:link,a:visited{color:#fffdf2}.wrapper{margin:auto;max-width:940px;min-width:200px;height:100%}.login_logo{margin:auto;width:300px}.login_logo,.logo{height:56px;background-size:contain}.logo{background-position:center bottom}body.simpleMode .login_logo{display:none}.logo{margin:auto;width:280px;padding-top:30%;padding-top:30vmin;padding-right:20px}.login_logo,.logo{background-position:center center;background-repeat:no-repeat}.shadowBox{background:rgba(9,8,7,.33);box-shadow:0 0 20px rgba(9,8,7,.2);margin-top:27vmin;padding:6% 0 4% 0;width:420px;margin-left:auto;margin-right:auto;height:255px}body.simpleMode .shadowBox{background:0 0;box-shadow:none;padding:0;margin:auto;width:auto;height:auto}#form{max-width:300px;margin:0 auto;padding-top:3%}#form input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#form input[type=password],#form input[type=text]{padding:3px 10px;background-color:rgba(9,8,7,.66);box-shadow:inset 1px 0 5px rgba(9,8,7,.2)}#form input[type=button],#form input[type=password],#form input[type=submit],#form input[type=text]{height:36px;border:none;width:100%;font-size:14px;vertical-align:middle}.loginButton{cursor:pointer;text-shadow:0 1px #090807}.loginButton[disabled]{background:#1f2123;color:#666;cursor:default}.twocol{display:table;border-collapse:collapse;width:100%}.topspace{margin-top:20px}.pwwarp{display:table-cell;width:71%}.btnwrap{display:table-cell;width:28.99%}.tools{font-size:12px}.tools .fullscreen{display:table-cell;width:40%}.tools .lostpw{display:table-cell;width:60%;text-align:right}input[type=checkbox]{display:none}input[type=checkbox]+label span{display:inline-block;width:19px;height:19px;margin:-1px 0 0 0;vertical-align:middle;background:url(../login/images/checkbox.png) left top no-repeat;cursor:pointer}input[type=checkbox]:checked+label span{background:url(../login/images/checkbox.png) -19px top no-repeat}input[type=checkbox]+label{cursor:pointer}.messagebar{min-height:1.8em;padding-bottom:.2em}.message{display:none;white-space:pre-line}.error{color:#cf1e23}.panel{display:none}.lostpwback{text-align:right;font-size:12px}#nojs,#oldbrowser{display:none}.bigwarning{max-width:360px;width:360px;margin:8% auto 0 auto;background:#2b2928;background:rgba(9,8,7,.5);min-height:200px;box-sizing:border-box;position:relative}.bigwarning-text{margin:0;padding:1em 1em 2em 1em}.browser-list{margin:0 auto;height:71px;width:100%;padding:1.3em 0;background:#090807;background:rgba(9,8,7,.5)}.browser-list div{margin-left:1.9em}.notamac div{margin-left:5.3em}.browser-list a{float:left;margin:0 2em;text-align:center}.warning{background:url(../login/images/supported-browser-warning-sprite.png) 0 0;float:left;margin:1em 1em 1em 0}.firefox{background:url(../login/images/supported-browser-warning-sprite.png) 0 -50px}.chrome{background:url(../login/images/supported-browser-warning-sprite.png) 0 -100px}.safari{background:url(../login/images/supported-browser-warning-sprite.png) 0 -150px}.safari_link{display:none}.bigico{width:50px;height:50px;display:block}.logo{display:none}::-moz-focus-inner{border:0}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}.loginButton{background:#bc4b00;background:linear-gradient(to top,#bc4b00 0,#bc4b00 100%)}.loginButton:hover{background:#a34100;background:linear-gradient(to top,#a34100 0,#a34100 100%)}.login_logo,.logo{background-image:url(../login/images/rukzuk-logo-rgb-white.svg)}