#login-dialog{width:400px;height:auto;outline:none;margin:auto}#login-dialog h2{margin-bottom:15px}#login-dialog .box-area{height:400px;width:400px;margin:0 auto;position:relative}#login-dialog .box{border:1px solid #888;border-color:rgba(138,138,138,0.5);border-radius:6px;padding:30px;background:#ececec;background:linear-gradient(#fff, #ececec);box-shadow:0 2px 6px rgba(0,0,0,0.6);width:400px !important;box-sizing:border-box;-ms-box-sizing:border-box}#login-dialog .box .alert{margin:30px -31px -31px;padding:15px;text-align:center;font-weight:bold;text-shadow:0 1px rgba(255,255,255,0.4);display:block;height:0;border:0;overflow:hidden;padding:0 15px}#login-dialog .box .alert.error{background:#dba9a9;background:linear-gradient(#eed7d7, #dba9a9);color:#a40000}#login-dialog .box .alert.error.active{border:1px solid #b9a1a0;border-bottom-color:#ab8181}#login-dialog .box .alert.active{border:1px solid #d7ba66;border-radius:0 0 5px 5px;min-height:19px;height:auto;padding:15px;display:block}#login-dialog .box .avatar{width:96px;height:96px;margin:0 auto;background-color:#eaedee;background-image:url('/content/images/structure/login/default-avatar.png');background-repeat:no-repeat;background-size:contain;margin-bottom:30px;border-radius:6px;box-shadow:0 1px 0 #fff;overflow:hidden;position:relative}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){#login-dialog .box .avatar{background-image:url("/content/images/structure/login/default-avatar@2x.png");background-size:96px 96px}}#login-dialog .box .avatar:before{content:"";border-radius:6px;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 1px 10px rgba(0,0,0,0.4);z-index:10}#login-dialog .box .avatar img{display:block;border-radius:5px;width:100%;height:100%;width:144px;height:144px;opacity:0;margin-top:-24px;margin-left:-24px;-webkit-animation:avatar-hide 200ms ease-in;animation:avatar-hide 200ms ease-in}@-webkit-keyframes avatar-hide{0%{width:96px;height:96px;opacity:1;margin-top:0;margin-left:0}100%{width:144px;height:144px;opacity:0;margin-left:-24px;margin-top:-24px}}@keyframes avatar-hide{0%{width:96px;height:96px;opacity:1;margin-top:0;margin-left:0}100%{width:144px;height:144px;opacity:0;margin-left:-24px;margin-top:-24px}}#login-dialog .box .avatar.active img{width:96px;height:96px;opacity:1;margin-left:0;margin-top:0;-webkit-animation:avatar-appear 200ms ease-out;animation:avatar-appear 200ms ease-out}@-webkit-keyframes avatar-appear{0%{width:144px;height:144px;opacity:0;margin-left:-24px;margin-top:-24px}100%{width:96px;height:96px;opacity:1;margin-left:0;margin-top:0}}@keyframes avatar-appear{0%{width:144px;height:144px;opacity:0;margin-left:-24px;margin-top:-24px}100%{width:96px;height:96px;opacity:1;margin-left:0;margin-top:0}}#login-dialog .box.final{text-align:center;line-height:1.8;font-size:14px;color:#555}#login-dialog .box.final img{display:block;margin:10px auto}#login-dialog .box.final strong{font-size:18px;display:block;font-weight:bold;color:#111}#login-dialog .box header{border-bottom:1px solid #ccc;margin-top:-8px;padding-bottom:10px;margin-bottom:20px;margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}#login-dialog .box .multiple-fields{display:table-row}#login-dialog .box .multiple-fields .field{display:table-cell;padding-right:7px;padding-left:7px}#login-dialog .box .multiple-fields .field:first-child{padding-left:0}#login-dialog .box .multiple-fields .field:last-child{padding-right:0}#login-dialog .box .field{padding-bottom:15px;position:relative}#login-dialog .box input{box-sizing:border-box;-ms-box-sizing:border-box;width:100%;display:block;padding:8px;border:1px solid #aaa;border-radius:4px;font-size:18px;font-family:inherit}#login-dialog .box input.with-appended-icon{padding-right:32px}#login-dialog .box label{display:block;padding:0;font-size:13px}#login-dialog .box label input{width:auto;display:inline-block}#login-dialog .box h3{margin:0 0 5px 0;font-size:18px;line-height:1.1}#login-dialog .box p{font-size:14px;line-height:1.6;color:#555;margin-bottom:15px}#login-dialog .box .action-button{padding:8px 14px}#login-dialog .box .forgot-password-icon{position:absolute;width:22px;height:22px;background-image:url("/content/images/structure/login/forgot-password-icon.png");background-repeat:no-repeat;background-position:center center;display:block;overflow:hidden;font-size:0;color:transparent;right:0;padding:8px;opacity:.5;outline:none}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){#login-dialog .box .forgot-password-icon{background-image:url("/content/images/structure/login/forgot-password-icon@2x.png");background-size:16px 16px}}#login-dialog .box .forgot-password-icon:hover,#login-dialog .box .forgot-password-icon:focus{opacity:.8}#login-dialog .box footer{margin-top:20px;font-size:13px}#login-dialog .box footer>a{display:inline-block;margin:11px 0}#login-dialog .box footer:after{content:".";visibility:hidden;display:block;height:0;clear:both}#login-dialog .box .outer-link{position:absolute;text-align:center;font-size:14px;margin-top:40px;margin-left:-32px}#login-dialog.modal{margin-left:-200px}#login-dialog.modal .outer-link a.action-button{display:block;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.6)}