.form-wrapper{background:#fff;margin:100px auto 50px;max-width:500px;box-shadow:0 2px 12px rgba(33,89,111,.2);border-radius:16px;overflow:hidden}.form-logo img{width:40%;margin:0 auto;padding-top:30px;display:flex}h1{text-align:center;padding:30px 0 0;margin:0;color:#32afdf;font-size:18px;font-weight:700}.panel h1{padding:30px 0}h1 img{padding:16px 0 0;margin:0 auto;display:flex;width:200px;height:56.7px}h2{text-align:center;padding:20px 0 36px;margin:0;font-size:18px;font-weight:700}.alert{margin:0 0 8px 0;text-align:center;font-size:14px;color:#ed5151;line-height:initial}.form-wrapper form{padding:0 40px 40px}.form-item{margin-bottom:.75em;width:100%}.form-item label{font-size:13px;font-weight:700}.form-item input,.form-item select{box-sizing:border-box;border:none;outline:0;background-color:rgb(235,250,255,.5);border-bottom:2px solid #d3d3d3;color:#666;border-radius:3px;margin-top:12px;padding-left:5px;font-size:16px;height:40px;transition:border-color .3s;width:100%}.form-item input:focus{border-bottom:2px solid #32afdf;background-color:#ebfaff;outline:0}.button-panel{margin:2em 0 0;width:100%}.button-panel .button{background:#32afdf;border:none;color:#fff;cursor:pointer;height:42px;font-size:14px;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase;transition:background .3s ease-in-out;width:100%}.button:hover{background:rgb(50,175,223,.7);transition:.3s}.form-footer{font-size:12px;padding:20px 0 10px;text-align:center}.form-footer a{color:#32afdf;text-decoration:none;transition:border-color .3s;display:block}.form-footer2{font-size:14px;margin-top:15px;text-align:center;border:1px solid #32afdf}.form-footer2 a{color:#32afdf;text-decoration:none;transition:border-color .3s;display:block;line-height:40px}::placeholder{color:#d3d3d3;letter-spacing:1px}.color_bar{display:flex}.blue{width:20%;background:#32afdf;color:#32afdf;line-height:10px;text-align:center;font-size:1px;user-select:none}.yellow{width:20%;background:#f3cd4f;color:#f3cd4f;line-height:10px;text-align:center;font-size:1px;user-select:none}.black{width:20%;background:#484f57;color:#484f57;line-height:10px;text-align:center;font-size:1px;user-select:none}.green{width:20%;background:#32c896;color:#32c896;line-height:10px;text-align:center;font-size:1px;user-select:none}.red{width:20%;background:#ed5151;color:#ed5151;line-height:10px;text-align:center;font-size:1px;user-select:none}.login_img{position:absolute;bottom:0;right:0;width:100%;width:-webkit-fill-available;z-index:-1}@media screen and (max-width:1024px){.form-wrapper{margin:100px auto 50px;width:420px;box-shadow:0 2px 12px rgba(33,89,111,.2)}}@media screen and (max-width:770px){.login_img{width:auto;height:355px}}@media screen and (max-width:480px){h1 img{padding:0}.form-logo img{width:50%;margin:0 auto;padding-top:30px;display:flex}.form-wrapper{padding:0;width:88%;margin-top:70px}.form-wrapper form{padding:0 25px 30px}.button-panel .button,.form-item input,.form-item select{height:40px}.form-footer2 a{line-height:38px}.alert{margin:0 18px 12px;text-align:left}.login_img{height:223px}}