body.login { background-color: #EE801A; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: Calibri; }

body.login div#login { background: #FFFFFF; border: 2px solid #96989A; -webkit-box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.25); box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 50px 40px 40px; }

body.login div#login form#loginform, body.login div#login form#lostpasswordform, body.login div#login form#resetpassform { border: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; }

body.login div#login form#loginform p, body.login div#login form#loginform .user-pass-wrap, body.login div#login form#lostpasswordform p, body.login div#login form#lostpasswordform .user-pass-wrap, body.login div#login form#resetpassform p, body.login div#login form#resetpassform .user-pass-wrap { position: relative; display: block; }

body.login div#login form#loginform label, body.login div#login form#lostpasswordform label, body.login div#login form#resetpassform label { width: 100%; font-size: 18px; line-height: 31px; color: #333333; margin-bottom: 0; position: absolute; top: 5px; left: 0; z-index: 0; }

body.login div#login form#loginform input.input, body.login div#login form#lostpasswordform input.input, body.login div#login form#resetpassform input.input { border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid rgba(51, 51, 51, 0.35); padding: 5px 0; font-size: 18px; line-height: 31px; color: #333333; margin-bottom: 50px; z-index: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: block; position: relative; }

body.login div#login form#loginform input.input:focus, body.login div#login form#lostpasswordform input.input:focus, body.login div#login form#resetpassform input.input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }

body.login div#login form#loginform input[type=checkbox], body.login div#login form#lostpasswordform input[type=checkbox], body.login div#login form#resetpassform input[type=checkbox] { border: 1px solid #9FAFFF; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; }

body.login div#login form#loginform p.submit input#wp-submit, body.login div#login form#loginform p.submit .wp-generate-pw, body.login div#login form#lostpasswordform p.submit input#wp-submit, body.login div#login form#lostpasswordform p.submit .wp-generate-pw, body.login div#login form#resetpassform p.submit input#wp-submit, body.login div#login form#resetpassform p.submit .wp-generate-pw { background: #EE801A; -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15); border-radius: 5px; border: 0; padding: 15px 33px; white-space: nowrap; width: 100%; font-weight: bold; font-size: 18px; line-height: 31px; text-align: center; color: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

body.login div#login form#loginform p.submit input#wp-submit:after, body.login div#login form#loginform p.submit .wp-generate-pw:after, body.login div#login form#lostpasswordform p.submit input#wp-submit:after, body.login div#login form#lostpasswordform p.submit .wp-generate-pw:after, body.login div#login form#resetpassform p.submit input#wp-submit:after, body.login div#login form#resetpassform p.submit .wp-generate-pw:after { content: url(/wp-content/themes/confocal/img/arrow.svg); position: absolute; right: 0; top: 10px; }

body.login div#login form#loginform p.submit .wp-generate-pw, body.login div#login form#lostpasswordform p.submit .wp-generate-pw, body.login div#login form#resetpassform p.submit .wp-generate-pw { margin-bottom: 20px; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: #EE801A; border: 2px solid #EE801A; }

body.login div#login form#loginform p.submit .wp-generate-pw::after, body.login div#login form#lostpasswordform p.submit .wp-generate-pw::after, body.login div#login form#resetpassform p.submit .wp-generate-pw::after { content: ''; }

body.login div#login form#loginform .user-pass1-wrap p label, body.login div#login form#lostpasswordform .user-pass1-wrap p label, body.login div#login form#resetpassform .user-pass1-wrap p label { display: none; }

body.login div#login form#loginform .user-pass1-wrap input, body.login div#login form#lostpasswordform .user-pass1-wrap input, body.login div#login form#resetpassform .user-pass1-wrap input { margin-bottom: 15px; }

body.login div#login form#loginform .pw-weak, body.login div#login form#lostpasswordform .pw-weak, body.login div#login form#resetpassform .pw-weak { position: relative; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

body.login div#login form#loginform .pw-weak label, body.login div#login form#lostpasswordform .pw-weak label, body.login div#login form#resetpassform .pw-weak label { position: initial; }

body.login div#login form#loginform .pw-weak input[type=checkbox], body.login div#login form#lostpasswordform .pw-weak input[type=checkbox], body.login div#login form#resetpassform .pw-weak input[type=checkbox] { border: 1px solid #9FAFFF; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

body.login div#login form#loginform .forgetmenot, body.login div#login form#lostpasswordform .forgetmenot, body.login div#login form#resetpassform .forgetmenot { margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

body.login div#login form#loginform .forgetmenot label, body.login div#login form#lostpasswordform .forgetmenot label, body.login div#login form#resetpassform .forgetmenot label { font-size: 20px; line-height: 16px; color: #333333; position: initial; }

body.login div#login #login_error { border: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; }

body.login div#login .tcl-has-error { border-bottom: 2px solid #DC3232 !important; }

body.login div#login p.message { border: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font-size: 20px; line-height: 110%; color: #333333; }

body.login div#login #nav, body.login div#login #backtoblog { padding: 0; }

body.login div#login #backtoblog { display: none; }

body.login div#login #nav { font-size: 20px; line-height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; }

body.login div#login #nav a { color: #333333; }

.wp-hide-pw { z-index: 100 !important; }