.vh-100 {
    height: 100vh !important;
}
.w-100 {
    width: 100% !important;
}
#signup-button{margin-top:30px;font-size:15px;width:100%;display:block;text-align:center;border:none}
.top-bar{text-align:right;color:#fff;padding:26px;font-size:13px}
.top-bar .button{background:#fff;padding:6px 12px;margin-left:12px;display:inline-block;color:#565b73;text-decoration:none;transition:all .15s ease-out;border-radius:3px}
.top-bar .button:hover{background:hsla(0,0%,100%,.8)}
.card{max-width:780px;margin:0 auto;display:flex;flex-direction: row}
.card__left{background:#fff;background:linear-gradient(304deg,hsla(0,0%,100%,.4),#fff);flex:1;padding:0;border-top-left-radius:6px;border-bottom-left-radius:6px;width:45%}
.card__right{width:55%;background:#fff;flex:1;padding:30px 50px;margin-left:0;margin-right:0;border-top-right-radius:6px;border-bottom-right-radius:6px}
@media (max-width:640px){.header .container h1 br{display:none}}
@media (max-width:640px){h1{font-size:22px;padding:32px 0}}
@media (max-width:991px){.container{width:auto;padding:0}}
@media (max-width:640px){.top-bar{padding:16px}}
@media (max-width:640px){.top-bar .button{background:hsla(0,0%,100%,.15);color:#fff}}
@media (max-width:640px){.top-bar .button:hover{background:hsla(0,0%,100%,.25)}}
@media (max-width:640px){.top-bar .button-text{display:none}}
@media (max-width:640px){.card__right{padding-left:25px;padding-right:25px}}
@media (max-width:640px){.card{display:block}.card__left{width:auto;display:none}.card__right{width:auto;border-radius:0;margin-left:0;margin-right:0}}
.material-form-group{position:relative;padding-top:16px;padding-bottom:16px;transition:all .25s ease-out}
.material-form-group label{z-index:2;position:absolute;font-size:16px;top:24px;font-weight:300;transition:all .25s ease-out;pointer-events:none}
.material-form-group.focus label,.material-form-group:not(.pristine) label{top:0;font-size:12px;pointer-events:all}
.material-form-group:not(.pristine) .reveal-password-toggle{display:block}
.material-form-group.focus,.material-form-group.has-error{margin-bottom:0}
.material-form-group.has-error .material-form-control,.material-form-group.has-error .big-checkbox{border-bottom-color:#f22f46;box-shadow:0 1px 0 #f22f46;margin-bottom:0}
.material-form-control{box-sizing:border-box;max-width:100%;width:100%;padding:6px 0 4px;display:block;border:1px solid transparent;border-bottom-color:#94979b;font-size:16px;outline:none;transition:all .25s ease-out;border-radius:0}
.material-form-control:focus{border-bottom-color:#008cff;box-shadow:0 1px 0 #008cff}
.material-form-control:-webkit-autofill,.material-form-control:-webkit-autofill:active,.material-form-control:-webkit-autofill:focus,.material-form-control:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}
#tos-box .big-checkbox {
    transform: scale(1.3);
}
#tos-box label {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 2px;
    white-space: normal;
}