.lockscreen-wrapper{max-width:400px;margin:10vh auto 0}.lockscreen-logo{text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:300}.lockscreen-logo a{color:#495057;text-decoration:none}.lockscreen-logo a b{font-weight:700}.lockscreen-name{text-align:center;margin-bottom:2rem;font-size:1rem;font-weight:600}.lockscreen-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:290px;margin:10px auto 30px;padding:0;position:relative}.lockscreen-image{z-index:10;background:#fff;border:1px solid #dee2e6;border-radius:50%;padding:5px;position:absolute;top:-25px;left:-10px}.lockscreen-image img{border-radius:50%;width:70px;height:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .input-group{border:0}.lockscreen-credentials .form-control{background:0 0;border:0;padding:.5rem 1rem}.lockscreen-credentials .form-control:focus{box-shadow:none}.lockscreen-credentials .btn{background:0 0;border:0;padding:.5rem 1rem}.lockscreen-credentials .input-group{align-items:center;display:flex}.help-block{color:#6c757d;font-size:.875rem}.login-box{width:400px;margin:0 auto}.login-box .card-header{padding:1.5rem 1.5rem .5rem}.login-box .card-body{padding:1.5rem}.login-box .card-header .h3{margin-bottom:.25rem}.login-box-msg{text-align:center;color:#6c757d;margin:0;padding:0 0 1rem}.login-page,.lockscreen{background:#e9ecef;min-height:100vh}@media (width<=576px){.login-box{width:90%}.lockscreen-wrapper{margin-top:5vh}}