.rel_form_success_msg, .rel_form_error_msg { position: fixed;font-size: 16px;font-weight: 200;top: 0;text-align: center;width: 100%;padding: 10px;color: #ffffff;background-color: #86b74e;z-index: 10; }
.rel_form_error_msg { background-color: #de1b1b; }

.rel_form-signin, .rel_form-signup { padding-top: 60px; max-width: 80%; }

.rel_form-rpsw { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; display:none; }
.rel_form-rpsw .rel_form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.rel_form-rpsw h2 { font-size:22px; margin-bottom:30px; }
.rel_form-rpsw .r .i { float:left; width:12%; display:inline-block; font-size:22px; margin-top:3px; }
.rel_form-rpsw .rel_form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.rel_form-rpsw .rel_form-control:focus { z-index: 2; }
.rel_form-rpsw input[type="email"], .rel_form-rpsw input[type="password"] { border:0px solid; background-color:#FFF; margin-bottom:30px; color:#000; float:left; width:85%; }
.rel_form-rpsw input[type="email"]:focus, .rel_form-signup input[type="password"]:focus, .rel_form-signup input[type="text"]:focus { outline:none; }
.rel_form-rpsw #rpsw-button { background-color:#000; color:#FFF; }
.rel_form-rpsw button { color:#FFF; }

.rel_form-signin { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; }
.rel_form-signin .rel_form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.rel_form-signin h2 { font-size:22px; margin-bottom:30px; }
.rel_form-signin .r .i { float:left; width:12%; display:inline-block; font-size:22px; margin-top:3px; }
.rel_form-signin .checkbox { font-weight: 400; }
.rel_form-signin .rel_form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.rel_form-signin .rel_form-control:focus { z-index: 2; }
.rel_form-signin select, 
.rel_form-signin input[type="email"], 
.rel_form-signin input[type="password"], 
.rel_form-signin input[type="text"] { border:0px solid; background-color:#FFF; margin-bottom:30px; color:#000; float:left; width:85%; }

.rel_form-signin select:focus, 
.rel_form-signin input[type="email"]:focus, 
.rel_form-signup input[type="password"]:focus, 
.rel_form-signup input[type="text"]:focus { outline:none; }
.rel_form-signin #login-button { background-color:#87772d; color:#FFF; }
.rel_form-signin button { color:#FFF; }

.rel_form-signup { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; display:none; }
.rel_form-signup .rel_form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.rel_form-signup h2 { font-size:22px; margin-bottom:30px; }
.rel_form-signup .r .i { float:left; width:12%; display:inline-block; font-size:22px; margin-top:8px; }
.rel_form-signup .checkbox { font-weight: 400; }
.rel_form-signup .rel_form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.rel_form-signup .rel_form-control:focus { z-index: 2; }
.rel_form-signup select, 
.rel_form-signup input[type="email"], 
.rel_form-signup input[type="password"], 
.rel_form-signup input[type="date"], 
.rel_form-signup input[type="text"] { border:0px solid; background-color:#FFF; margin:10px 0 10px 0; color:#000; float:left; width:85%; }
.rel_form-signup select:focus, 
.rel_form-signup input[type="email"]:focus, 
.rel_form-signup input[type="password"]:focus, 
.rel_form-signup input[type="date"]:focus, 
.rel_form-signup input[type="text"]:focus { outline:none; }
.rel_form-signup #signup-button { margin-top:15px; background-color:#87772d; color:#FFF; }
.rel_form-signup button { color:#FFF; }
.rel_form-signup a.terms { color:#FFF; text-decoration: underline; font-size: 16px; font-weight: bold; }

#termsModal { color:#000; }
#termsModal .modal-header { display:block; }

@media (min-width:500px) {

}