#ngSignup * { font-family: 'Fira Sans Condensed', Verdana, Helvetica, Sans-Serif; font-size: 16px; line-height: 30px; }

/*div #ngSignup { width: 400px; }*/

#ngSignup .form { width: 400px; }

#ngSignup h2 { font-size: 18px; }
#ngSignup input[type=text], #ngSignup input[type=password], #ngSignup input[type=email] { float: right; width: 200px; height: 22px; border: solid 1px #aaa; }
#ngSignup select { float: right; width: 202px; height: 26px; border: solid 1px #aaa; }

#ngSignup .facebookButton { background-color: #5F78AB; border: 1px solid #1A356E; color: #FFFFFF; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; margin: 1px 1px 0 21px; padding: 2px 6px 3px; white-space: nowrap; min-width: 200px; width: auto; height: auto; float: none; }
#ngSignup .signupButton { white-space: nowrap; width: 202px; height: 32px; float: right; margin: 3px 0 10px 0; }

#ngSignup input.ng-dirty.ng-invalid { background: url(../Img/Icons/crossRed.png) no-repeat calc(100% - 3px) 50%; }
#ngSignup select.ng-dirty.ng-invalid { background: url(../Img/Icons/crossRed.png) no-repeat calc(100% - 18px) 50%; }

#ngSignup * { box-shadow: none !important; }

#ngSignup .signupErrorHolder { background-color: #f3e4e4; padding: 10px; border: solid 1px #a00; }
#ngSignup .signupWarningHolder { border:solid 1px orange; background-color:#fcf6df; padding: 10px; }
#ngSignup .signupError { display: block; line-height: 20px;  }

#ngSignup .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#ngSignup .checkbox-wrapper label { line-height: 1.3em; }
body:not(.rtl) #ngSignup .checkbox-wrapper > :first-child { margin-right: 10px; }
body.rtl #ngSignup .checkbox-wrapper > :first-child { margin-left: 10px; }