.header{position:fixed;display:flex;justify-content:flex-start;align-items:center;padding:0 10px;top:0;left:0;width:100%;height:50px;background-color:#ffe5cc;color:#fff;z-index:100}.header .drawer-open{font-size:48px;cursor:pointer}.header__title{padding-left:50px;font-size:18px;font-weight:700}body{padding-top:50px;margin:0;background:#f2f2f2}main{max-width:1280px;margin:0 auto;padding-top:30px}.form-control{width:calc(100% - 34px);margin:0;padding:10px 16px;border:1px solid #d7dae2;border-radius:5px}.form-control:focus{background-color:#fffbe8;box-shadow:0 0 5px 0 #07dbb8;border-color:#07dbb8;outline:0}.form-control::-moz-placeholder{color:#bfc1cd}.form-control:-ms-input-placeholder{color:#bfc1cd}.form-control::placeholder{color:#bfc1cd}.form-control:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff;-webkit-box-shadow:0 0 0 1000px #fff inset}select.form-control{width:calc(100% - 8px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}select.form-control::-ms-expand{display:none}.form-select-wrap{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.form-select-wrap:after{content:"arrow_drop_down";height:30px;line-height:30px;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);right:18px;font-family:Material Icons;font-weight:900;pointer-events:none}.form-select-wrap--inline{display:inline-block}textarea.form-control{resize:none}.spinner{margin:60px auto;position:relative;border:5px solid transparent;border-left-color:#555;transform:translateZ(0);-webkit-animation:load 1.1s linear infinite;animation:load 1.1s linear infinite}.spinner,.spinner:after{border-radius:50%;width:50px;height:50px}.form-check-input.invalid,.form-control.invalid{background-color:#fff;box-shadow:0 0 5px 0 #dc3545;border-color:#dc3545;outline:0}@-webkit-keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.the-login-form{display:flex;flex-direction:column;height:460px;width:730px;align-items:center;justify-content:center;border-radius:1rem;border:3px solid #f0f0f0;margin:auto}.the-login-form__title{margin-bottom:30px;font-size:2.2rem;font-weight:600}.the-login-form__input{display:flex;flex-direction:row;width:500px;height:50px;margin-bottom:10px}.the-login-form__input__label{display:flex;align-items:center;justify-content:center;width:120px;height:100%;font-size:1rem;font-weight:600;background-color:#eee;border-radius:.5rem 0 0 .5rem;border:1px solid #dcdcdc;border-right:0;box-sizing:border-box}.the-login-form__input__content{flex-grow:1;height:100%;font-size:1.1rem}.the-login-form__input input[type=password],.the-login-form__input input[type=text]{padding-left:1rem;font-size:1rem;box-sizing:border-box;background-color:#fff;border-radius:0 .5rem .5rem 0;border:1px solid #dcdcdc;outline:none}.the-login-form__input input[type=password]:focus,.the-login-form__input input[type=text]:focus{border-color:#009f47}.the-login-form__input input[type=password]:invalid,.the-login-form__input input[type=text]:invalid{border:1px solid red}.the-login-form__remember{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:40px}.the-login-form__remember input[type=checkbox]{transform:scale(1.8);margin:0 12px 0 0}.the-login-form__button{display:flex;align-items:center;justify-content:center;width:500px;height:60px;color:#fff;background-color:#009f47;border-radius:.5rem;border:0;font-size:1.3rem;font-weight:600}