/*
* Janrain.css acts as a base stylesheet for the capture widget which you can
* extend/modify with your own theme stylesheet.
*/
.base .janrain-capture-ui.capture-ui-content {
  width: 100% !important;
  max-width: 450px;
  padding: 15px !important;
  border: 3px solid #00877c;
  background: #fff !important;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -mos-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.base .janrain-capture-ui .forgot-link-item {
  margin: 15px 0 0 !important;
}

.base .janrain-capture-ui .capture_form_item > label {
  height: auto;
  text-indent: 0;
  text-transform: uppercase;
}

.base .janrain-capture-ui .capture_pad {
  padding: 0 !important;
}

.base .janrain-capture-ui .capture_rounded {
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -mos-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.base .janrain-capture-ui .capture_header h1 {
  display: block !important;
  margin: 0 0 15px;
  font-family: 'DIN Next W01 Light', Arial, sans-serif;
  line-height: 34px;
  text-transform: uppercase;
  color: #868686;
  font-size: 18px;
  font-weight: bold;
}

.base .janrain-capture-ui .capture_footer {
  overflow: hidden;
}

.base .janrain-capture-ui .capture_form_item {
  min-height: 0 !important;
  margin-bottom: 17px !important;
}

.base .janrain-capture-ui .capture_text_input,
.base .janrain-capture-ui .capture_checkbox,
.base .janrain-capture-ui .capture_radio,
.base .janrain-capture-ui .capture_inputPlaceholder,
.base .janrain-capture-ui .capture_select,
.base .janrain-capture-ui .capture_textarea,
.base .janrain-capture-ui .capture_checkbox,
.base .janrain-capture-ui .capture_radio {
  border-color: #00877c;
  border-width: 2px;
  background: #fff;
  box-shadow: none !important;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -mos-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.base .janrain-capture-ui .capture_text_input:focus,
.base .janrain-capture-ui .capture_checkbox:focus,
.base .janrain-capture-ui .capture_radio:focus,
.base .janrain-capture-ui .capture_inputPlaceholder:focus,
.base .janrain-capture-ui .capture_select:focus,
.base .janrain-capture-ui .capture_textarea:focus,
.base .janrain-capture-ui .capture_checkbox:focus,
.base .janrain-capture-ui .capture_radio:focus {
  border-width: 2px;
  background: #fff;
}

.base .janrain-capture-ui .capture_error .capture_radio,
.base .janrain-capture-ui .capture_error .capture_checkbox,
.base .janrain-capture-ui .capture_error .capture_form_collection,
.base .janrain-capture-ui .capture_error .capture_text_input,
.base .janrain-capture-ui .capture_error .capture_checkbox,
.base .janrain-capture-ui .capture_error .capture_form_collection,
.base .janrain-capture-ui .capture_error .capture_radio,
.base .janrain-capture-ui .capture_error .capture_inputPlaceholder {
  border: 2px solid #cf1616;
  color: #cf1616;
  background-image: none !important;
}

.base .janrain-capture-ui .capture_form_item .capture_tip_error {
  color: #cf1616;
}

.base .janrain-capture-ui .capture_btn,
.base .janrain-capture-ui a.capture_btn,
.base .janrain-capture-ui button.capture_btn,
.base .janrain-capture-ui input.capture_btn,
.base .janrain-capture-ui .capture_backButton {
  height: 46px;
  margin: 0 !important;
  padding: 0 10px !important;
  border: none !important;
  color: #fff !important;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 46px !important;
  background: #6eceb2;
  box-shadow: none;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -mos-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.base .janrain-capture-ui .capture_btn:not(.capture_backButton) [class*="janrain-icon-"],
.base .janrain-capture-ui a.capture_btn:not(.capture_backButton) [class*="janrain-icon-"],
.base .janrain-capture-ui button.capture_btn:not(.capture_backButton) [class*="janrain-icon-"],
.base .janrain-capture-ui input.capture_btn:not(.capture_backButton) [class*="janrain-icon-"] {
  display: none;
}

.base .janrain-capture-ui .capture_processing {
  text-indent: -999em;
  background-color: #fff;
  background-position: center;
}

.base .janrain-capture-ui .capture_text_input {
  height: 40px;
  line-height: 24px;
}

.base .janrain-capture-ui .capture_checkbox {
  display: block;
}

.base .janrain-capture-ui .capture_select {
  line-height: 24px;
  background-position: 100% -23px !important;
}

.base .janrain-capture-ui .capture_rightText {
  overflow: hidden;
}

#capture_signIn_traditionalSignIn_createButton {
  float: left;
  width: 200px;
}

#capture_traditionalRegistration_createAccountButton,
#capture_changePassword_saveButton {
  background-color: transparent;
}
.janrain-capture-ui .capture_footer {
  text-align: left;
}

#capture_traditionalRegistration_form_item_brandedConsent {
  margin-bottom: 0 !important;
}

.base .janrain-capture-ui a {
  color: #323e48 !important;
}

.base .janrain-capture-ui .forgot-link-item {
  margin: 0 !important;
  padding: 15px 0 0 !important;
}

.base .janrain-capture-ui a.forgot-password-link {
  font-family: 'DIN Next W01 Light', Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

.base .janrain-capture-ui a:hover {
  text-decoration: underline;
}

.base .janrain-capture-ui .capture_form_item .capture_tip {
  width: auto;
  padding-right: 5px;
  color: #666;
}


/**
   * Fix
   */
.base .janrain-capture-ui .capture_checkbox .capture_input_radio,
.base .janrain-capture-ui .capture_form_collection .capture_input_radio,
.base .janrain-capture-ui .capture_checkbox .capture_input_checkbox,
.base .janrain-capture-ui .capture_form_collection .capture_input_checkbox,
.base .janrain-capture-ui .capture_radio .capture_input_radio,
.base .janrain-capture-ui .capture_radio .capture_input_checkbox {
  top: 9px;
  margin-top: 0;
}

.base .janrain-capture-ui .capture_backgroundColor {
  padding: 0;
}

.base .janrain-capture-ui .capture_form_item > label {
  height: auto !important;
  text-indent: 0 !important;
  text-transform: uppercase;
  color: #666 !important;
}

.base .janrain-capture-ui .capture_form_item {
  min-height: 0 !important;
  margin-bottom: 17px !important;
}

.base .janrain-capture-ui .capture_input_checkbox a {
  color: #6cc04a !important;
}

.base .janrain-capture-ui p.disclaimer,
.form-footer {
  margin: 0;
  padding: 0;
  font-family: helvetica,sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #a8a8a8;
}

.base .janrain-capture-ui p.disclaimer a,
.form-footer a {
  color: #666;
}

#login-reset-button {
  width: 100%;
  margin: 0 0 17px !important;
  padding: 0 !important;
  color: #fff !important;
  text-align: center;
}

/** Remove placeholders */
::-webkit-input-placeholder { /* WebKit browsers */
  color: #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #666;
  opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #666;
  opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #666;
}
::placeholder {
  color: #666;
}

#signIn ::-webkit-input-placeholder { /* WebKit browsers */
  text-transform: uppercase;
}
#signIn :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  text-transform: uppercase;
}
#signIn ::-moz-placeholder { /* Mozilla Firefox 19+ */
  text-transform: uppercase;
  opacity: 1;
}
#signIn :-ms-input-placeholder { /* Internet Explorer 10+ */
  text-transform: uppercase;
}
#signIn ::placeholder {
  text-transform: uppercase;
}
