body.login, html { height:100%; display:flex;justify-content:center;align-items:center;}.wps-login-container { height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column}body.login{background-color:#212121 !important;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed; margin:0; padding:1px; top:0; right:0; bottom:0; left:0;}html, body.login:after { display:block; clear:both; }body.login-action-register { position:relative }.wps-login-container{position:relative}.login form {margin-top:0;background:#fff !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid #f9f9f9;padding:0px 55px 30px !important;}#login > h1 {padding:40px 0;}.login h1 a {width:100%;text-indent:-9999px;background-image:url(http://creates.co.id/files/Creates-Dark-Logo.svg) !important;background-position:center center;background-repeat:no-repeat !important;background-size:100%;height:150px; margin:0 auto 20px;}div#login {margin:0;padding:18px 0}body.interim-login div#login {position:relative;width:95% !important; height:auto }#language-switcher{padding:0px 107px 30px !important;}.login label, .login form, .login form p { color:#a4a9af !important; text-align:left }.login a { color:#a00064!important }.login a:focus, .login a:hover { color:#567194!important; }.login form { background:#ffffff!important;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;border-bottom:1px solid #ffffff;}form#loginform .button-primary, form#registerform .button-primary, .button-primary, .ren-core-ui .button, .ren-core-ui .button-large {background:#a00064!important;color:#ffffff!important; text-shadow:none;}form#loginform .button-primary.focus,form#loginform .button-primary.hover, .ren-core-ui .button:hover, .ren-core-ui .button-large:hover,form#loginform .button-primary:focus,form#loginform .button-primary:hover, form#registerform .button-primary.focus,form#registerform .button-primary.hover,form#registerform .button-primary:focus,form#registerform .button-primary:hover {background:#1c1c1c!important;color:#ffffff!important;}.login form .input, .login input[type=text]{font-size:13px;}.login #backtoblog, .login #nav{position:relative;z-index:99;text-align:center}.wps-icon-login, .wps-icon-pwd, .wps-icon-email {font-size:16px;width:20px;text-align:left;position:absolute;}.wps-icon-login:before, .wps-icon-pwd:before, .wps-icon-email:before {display:inline-block;position:absolute;top:13px;width:20px;height:20px;font-size:16px;line-height:1;text-decoration:inherit;font-weight:400;font-style:normal;vertical-align:top;text-align:center;font-variant:normal !important;text-transform:none !important;speak:none;-webkit-transition:color .1s ease-in 0;transition:color .1s ease-in 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.wps-icon-login:before {font-family:LineIcons!important;content:"\e9a4" !important;}.wps-icon-pwd:before {font-family:LineIcons!important;content:"\e946" !important;}.wps-icon-email:before {font-family:LineIcons!important;content:"\e997" !important;}.login form input.input { background:transparent;padding:9px 0 9px 32px !important; font-size:16px !important; line-height:1; outline:none !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}input#user_login { background-position:7px -6px !important; }input#user_pass, input#user_email, input#pass1, input#pass2 { background-position:7px -56px !important; }.login form #ren-submit { width:100%; height:35px }p.forgetmenot { margin-bottom:16px !important; }.login #pass-strength-result {margin:12px 0 16px !important }p.indicator-hint { clear:both }div.updated, .login #login_error, .login .message {border-left:4px solid #dde5ee;background-color:#dde5ee;color:#202e47; }.login_footer_content { padding:20px 0; text-align:center }#resetpassform input.input {padding-left:9px!important}#backtoblog { display:none !important; }.button-primary, form#loginform .button-primary, form#registerform .button-primary, .button-primary {border-color:!important;}form#loginform .button-primary.focus,form#loginform .button-primary.hover,form#loginform .button-primary:focus,form#loginform .button-primary:hover,form#registerform .button-primary.focus,.button-primary:hover,form#registerform .button-primary.hover,form#registerform .button-primary:focus,form#registerform .button-primary:hover{border-color:!important;}div#login{ -webkit-box-shadow:5px 9px 19px 7px rgba(0,0,0,0.09); -moz-box-shadow:5px 9px 19px 7px rgba(0,0,0,0.09); box-shadow:5px 9px 19px 7px rgba(0,0,0,0.09);}.login form #ren-submit {margin-top:37px;margin-bottom:20px;border:none;}.login form input.input {border:none;border-bottom:1px solid #f5e9e9;}.login form #ren-submit {margin-top:37px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;-webkit-box-shadow:8px 8px 20px 4px rgba(0, 0, 0, 0.21) !important;-moz-box-shadow:8px 8px 20px 4px rgba(0, 0, 0, 0.21) !important;box-shadow:8px 8px 20px 4px rgba(0, 0, 0, 0.21) !important;}.login form input.input{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}div#login {width:500px !important;background-color:#ffffff;}.login p {text-align:center}::-webkit-input-placeholder { color:#d5d5d5; }:-ms-input-placeholder { color:#d5d5d5; }::placeholder { color:#d5d5d5; }@media screen and (max-width:680px){div#login {width:90% !important;}body.login {background-size:auto;}body.login-action-login, body.login-action-lostpassword {position:relative;}}@media screen and (max-width:480px){div#login {width:320px !important;}.login form {padding:0px 15px 30px !important;}}