.login{display:block;background:#fff;font-size:14px;color:black;width:400px;margin:30px auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px;overflow:hidden}.login-title{display:block;margin:0;background-color:#fff;color:#111;padding:25px 20px 10px}.login-title:after,.login-title:before{content:"";clear:both;display:block}.login-title-img{width:66px;padding:5px 10px}.login-title-img img{width:100%}.login-title h1{margin:0;font-size:30px}.login-title p{font-size:18px;margin:0}.login-form{padding:20px;display:block;position:relative}.input-container{position:relative;cursor:text;margin-bottom:20px}.input{-webkit-appearance:none;display:block;font-size:16px;padding:12px 20px;width:100%;background-color:#fff;border-radius:5px;border:1px solid lightgray;transition:all .1s ease;outline:none!important;max-height:46px;overflow:hidden}.active .input,.error .input{border:2px solid #4c6a92;padding:11px 19px}.error .input{border-color:#f44336}.input-placeholder{position:absolute;padding:11px 19px;left:2px;top:2px;background:#fff;transition:all .1s ease;border-radius:5px;color:gray;pointer-events:none}.active .input-placeholder,.error .input-placeholder,.filled .input-placeholder{top:-11px;left:16px;padding:3px;color:#4c6a92;font-weight:700}.filled .input-placeholder{color:gray;font-weight:400}.error .input-placeholder{color:#f44336;font-weight:700}.input-password-switch{position:absolute;right:12px;top:12px;font-size:20px;color:gray;cursor:pointer;background:none;border:none;padding:0}.create,.gray,.submit{-webkit-appearance:none;display:inline-block;font-weight:700;color:white;background-color:#4c6a92;border-radius:5px;cursor:pointer;padding:10px 20px;float:left;font-size:15px;border:1px solid transparent;transition:all .3s ease;margin:5px;text-decoration:none!important}.submit:hover{background-color:#334865}.submit:disabled{opacity:.6;cursor:default}.create{background-color:transparent;color:#4c6a92;border:2px solid #4c6a92}.create:hover{background-color:#b5d5ff;border-color:#b5d5ff}.gray{color:gray;background:transparent;margin-bottom:10px}.gray:hover{background-color:#f4f4f4}.half-width{width:48%;margin:0 1%;float:left}.half-width:first-child{margin-left:0;width:49%}.half-width:last-child{margin-right:0;width:49%}.legal{font-size:10px;text-align:center;margin-bottom:10px}.legal a{text-decoration:underline;color:#4c6a92}@media only screen and (max-width:500px){.login{width:90%}.half-width{width:100%!important;margin:0}}.form-extra{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}