.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;overflow:hidden}body,html{height:100%}body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333}.is-hidden{display:none}#wrap{position:relative;min-height:100%}#content{margin:0 auto;width:450px;height:100%;padding-bottom:80px}.content-inner{padding:60px 20px 20px 20px}#login{background-color:#d0cec3;border:1px solid #999;border-radius:3px;margin-bottom:20px;padding:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}#content p{text-align:center}.login-btn{font-size:12px;font-weight:700;line-height:21px;padding:7px 10px;border:1px solid #594491;border-radius:3px;cursor:pointer}button{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}header{text-align:center;margin-bottom:20px}.header-title-wrapper{display:inline-block}.logo{width:70px;height:70px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);margin-right:20px}.header-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.header-title{display:block;color:#444;font-size:18px;line-height:24px;text-align:left;font-weight:700}.header-item{display:block}.header-item>abbr{text-decoration:none;border:0}.header-item-extra{font-style:italic}.login-ms{margin:40px 0 30px 0}.logo-ms{margin-right:10px}.login-btn-ms{display:flex;align-items:center;justify-content:center;background-color:#efefef;color:#594491;text-decoration:none}.login-btn-ms:active,.login-btn-ms:hover{color:#efefef;background-color:#594491}.toggle-login-form{text-align:center;position:relative}.toggle-login-form::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#7159b3;z-index:0}.toggle-form-btn{display:inline-block;position:relative;padding:2px 5px;border:0;border-radius:3px;color:#594491;background-color:#d0cec3;cursor:pointer;z-index:1}.toggle-form-btn-active,.toggle-form-btn:active,.toggle-form-btn:hover{font-weight:700}.login-form{margin-top:30px}.input-wrapper{margin-bottom:20px;position:relative}form label{display:block;margin-bottom:7px;font-weight:700;color:#444}input{font-family:Verdana,Arial,Helvetica,sans-serif;box-sizing:border-box;padding:5px 7px;border:1px solid #999;border-radius:3px;width:100%;color:#444;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}input[type=password]:focus,input[type=text]:focus{outline:0;border-color:#333}input.input-error[type=password]:focus,input.input-error[type=text]:focus{outline:0;border-color:#f04848}.login-btn-kocnet{font-family:Verdana,Arial,Helvetica,sans-serif;background-color:#594491;color:#fff}.login-btn-kocnet:active,.login-btn-kocnet:hover{background-color:#6a579c;border-color:#6a579c}#codecard-code{font-weight:700;text-transform:uppercase;color:#594491;background-color:#efefef;padding:0 3px;border-radius:2px}.error{color:#f04848}.error-general{display:block;margin:20px 0;line-height:20px}.error-general.section-microsoft{margin:-10px 0 30px 0}.is-centered{text-align:center}.input-error{border-color:#f04848}input::-ms-clear,input::-ms-reveal{display:none}.password-wrapper{position:relative}.input-password{padding-right:32px}.password-eye{position:absolute;transform:translate(0,-50%);top:50%;right:0;width:18px;padding:5px 7px;cursor:pointer}.warning{font-size:11px;color:#999;line-height:15px}footer{display:block;width:100%;background-color:#eee;border-top:1px solid #d9d8cf;height:60px;line-height:60px;position:absolute;bottom:0}footer p{text-align:center}.error-balloon{font-size:11px;display:block;color:#333;margin-left:15px;position:absolute;left:100%;top:8px;width:150px;background-color:#fff;padding:5px;border-radius:3px;border:1px solid #ddd;line-height:15px}.error-balloon:after,.error-balloon:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.error-balloon:after{border-color:rgba(136,183,213,0);border-right-color:#fff;border-width:5px;margin-top:-5px}.error-balloon:before{border-color:rgba(153,153,153,0);border-right-color:#999;border-width:6px;margin-top:-6px}.shake{-moz-animation:shake .7s;-webkit-animation:shake .7s;animation:shake .7s}@-moz-keyframes shake{0%,100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-moz-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}20%,40%,60%,80%{-moz-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}}@keyframes shake{0%,100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-moz-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}20%,40%,60%,80%{-moz-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}}#noscript-message{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;position:fixed;top:0;left:0;width:100%;text-align:center;color:#fff;background-color:#f04848;padding:10px 0}#noscript-message p{padding:0 10px}.browser-check-container{max-width:740px;margin:0 auto;height:100%;padding-bottom:80px;display:none}.browser-check{padding:40px;background-color:#eee;border-radius:3px}.browser-check-title{font-size:25px;color:#594491;margin-bottom:30px}.browser-paragraph{margin-bottom:15px;line-height:18px}.browser-paragraph>a{color:#2b59ad}.browser-paragraph>a:hover{color:#193568}.browsers{width:100%;display:inline-flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.browser-item{margin:0 10px}.browser{display:block;width:130px;height:30px;border-radius:3px;background-repeat:no-repeat;background-position:center 20px;padding-top:120px;text-align:center;color:#333;text-decoration:none;background-size:80px}.browser:hover{background-color:#fff;color:#2b59ad}.chrome{background-image:url(/images/browsers/chrome.png)}.firefox{background-image:url(/images/browsers/firefox.png)}.edge{background-image:url(/images/browsers/edge.png);background-size:75px 80px}