.button-box{width:100%;height:45px;border:0;border-radius:2px;color:#fff;background:#e30b20;cursor:pointer}.button-box>span{font-size:16px;line-height:18px;letter-spacing:2px;color:#fff}.button-box:after{display:none;position:absolute;content:'';width:12px;height:12px;border:3px solid #fff;border-top:3px solid transparent;border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.button-box:hover{background:#c90c1e}.button-box.-loading:after{display:inherit}.button-box.-disable{color:#9a9a9a;background:#dcdcdc;cursor:not-allowed}.button-box.-hide{display:none}.standalone-button{display:block;width:90%;max-width:500px;margin:10px auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.input-box{position:relative;margin-bottom:15px}.input-box>input{width:100%;height:45px;padding:7px 15px;border-radius:2px;border:0;border-bottom:2px solid #f5f6f6;font-size:16px;text-transform:uppercase;color:#9a9a9a;-webkit-transition:1s;transition:1s}.input-box>input:focus+.focusborder{width:100%}.input-box>.focusborder{position:absolute;bottom:0;left:50%;width:0;height:2px;background:#e30b20;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.4s;transition:.4s}.custom-select{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:48px;margin-bottom:15px;border:2px solid #f5f6f6;z-index:10;-webkit-transition:.5s;transition:.5s}.custom-select>select{width:100%;padding:7px 55px 7px 15px;margin:0;border:none;border-radius:0;outline:none;font-size:16px;line-height:30px;color:#9a9a9a;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.custom-select>select::-ms-expand{display:none}.custom-select:after{position:absolute;content:'\2228';right:0;top:0;width:50px;height:100%;line-height:44px;text-align:center;font-weight:700;border-left:2px solid #f5f6f6;color:#9a9a9a;-webkit-transition:1s;transition:1s;z-index:-1}.custom-select:hover:after{color:#e30b20}.form-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%;max-width:500px;padding:50px 30px;margin:10px auto 0;border-radius:2px;background:#fff;box-shadow:0 4px 12px -1px hsla(0,0%,51%,.1)}.form-wrapper>.header{width:100%;font-size:32px;font-weight:300;text-align:center;letter-spacing:2px;color:#333}.form-wrapper>.body{width:100%;padding:20px 0 25px}.form-wrapper>.body.-hide{display:none}.form-wrapper>.footer{width:100%}.login-panel.-hide{display:none}.login-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-switch{-webkit-box-flex:0;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;margin-top:8px;padding:6px 0;border:0;border-bottom:1px solid transparent;font-size:12px;color:#666;background:transparent;cursor:pointer}.login-switch:focus,.login-switch:hover{border-bottom-color:#666}.login-switch.-hide{display:none}@media screen and (max-width:479px){.form-wrapper{padding:30px 20px}.form-wrapper>.header{font-size:28px}}.message-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%;max-width:500px;margin:100px auto 0;border-radius:2px;border-left:6px solid #e30b20;line-height:45px;color:#e30b20;background:#fff;box-shadow:0 4px 12px -1px hsla(0,0%,51%,.1);-webkit-transition:1s;transition:1s;opacity:0}.message-box.-warning{opacity:1}@media screen and (max-width:479px){.message-box{margin:20px auto 0}}.sub-info{padding:20px 20px 10px;border:2px solid #f5f6f6;border-radius:2px}.sub-info>.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}.sub-info>.field>span{margin-bottom:5px}.sub-info>.field>.custom-select{margin-bottom:0}.sub-info.-hide,.sub-info>.field.-hide{display:none}@media screen and (max-width:479px){.sub-info{padding:20px 10px 10px}}
/*# sourceMappingURL=index.f45eb3af8003f.css.map*/