canvas{display:block;vertical-align:top}#login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.create-account2{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#00f;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account2>p{margin:0}.login .content .create-account2 p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account2 a{display:inline-block;margin-top:5px}.login .content .create-account3{margin:0 -33px -5px;padding:13px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account3>p{margin:0}.login .content .create-account3 p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account3 a{display:inline-block;margin-top:5px}@media screen and (-webkit-min-device-pixel-ratio:0){#login,::i-block-chrome{position:realtive;top:auto;left:40%!important}}.login{background-color:#5c9acf!important;background-image:url(../../../assets/backend/img/1.jpg);background-size:100% 100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:round}.login .logo{margin:0 auto;margin-top:100px;margin-bottom:20px;padding:5px;text-align:center}.login .login-title{text-align:center;margin-top:20px}.login .logo img{width:200px}.login .content{background-color:#fff;opacity:.9;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:10px;margin:10px auto 10px auto;padding:30px;padding-top:10px;overflow:hidden;position:relative}.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}.login .content h4{color:#555;text-align:center}.login .content .hint{color:#4db3a5;padding:0;margin:15px 0 7px 0}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .form-control{border:none;background-color:#dde3ec;height:43px;color:#000;border:1px solid #dde3ec}.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#000;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#000}.login .content .form-control::-webkit-input-placeholder{color:#000}.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:5px 30px 35px 30px;margin-left:-30px;margin-right:-30px}.input-icon i{color:#000!important;padding-top:3px}.has-error .form-control{border-style:dashed!important;border-color:#e73d4a!important;box-shadow:0 1px 1px rgba(0,0,0,.075) inset}.loading-message.loading-message-boxed{background-color:#eee;border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.1)}.lock-head{background-color:#6c7a8d;border-radius:7px 7px 0 0;color:#fff;display:block;font-size:22px;font-weight:400;padding-bottom:15px;padding-top:15px;text-align:center}.lock-bottom{background-color:#6c7a8d;border-radius:0 0 7px 7px;display:block;padding-bottom:20px;padding-top:20px;text-align:center;color:#fff}.lock-avatar{width:90px;height:90px;border:1px solid #eee;border-radius:50%;margin-top:0}.page-lock{margin:0 auto 30px}.page-lock .page-body{margin-top:0;background-color:#fff;opacity:.9}.lock-form .form-control{border:none;background-color:#dde3ec;height:43px;color:#000;border:1px solid #dde3ec}.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#000;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#000}.login .content .form-control::-webkit-input-placeholder{color:#000}.modal-open .modal{display:flex!important;align-items:center;justify-content:center}#helpdesk-button-container{position:fixed;bottom:20px;left:20px}@media only screen and (max-width:600px){#helpdesk-button-container{right:10px;bottom:10px;left:auto}.box .tooltip2{right:-100px;position:absolute;top:-29px;left:auto!important}.box{width:60px;height:60px}}.stage{display:flex}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:infinite;height:70px;margin:0 auto 0 auto;transform-origin:bottom;width:70px}.box .tooltip2{top:-29px}.box .tooltip2 p{font-size:18px;margin:0;color:#fff}.box img{max-width:100%;border-radius:50%;box-shadow:rgba(0,0,0,.5) 0 4px 12px}.bounce-3{animation-name:bounce-3;animation-timing-function:ease}@keyframes bounce-3{0%{transform:translateY(0)}90%{transform:translateY(-10px)}95%{transform:translateY(0)}100%{transform:translateY(0)}}.tengah_atas{position:absolute;top:0;animation:blinker 7s linear infinite}@keyframes blinker{50%{opacity:0}}