/* Overrides to DRR bootsrtap styles */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/* line 7, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container {
  background: #f8f8f8;
  padding: 14px;
}
/* line 12, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .form-required-key {
  font-size: 90%;
  color: #514e49;
}
/* line 17, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container input[type='text'], .contact-form-container textarea {
  width: 500px;
}
/* line 21, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .radio.radio-group-label {
  padding-left: 0;
}
/* line 25, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div {
  margin: 0 0 7px;
}
/* line 28, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div select, .contact-form-container div input[type="text"], .contact-form-container div textarea, .contact-form-container div label {
  margin-bottom: 0;
}
/* line 32, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success {
  margin: 150px auto 0 auto;
  padding: 28px;
  background: #e8e4e2;
  width: 350px;
  border: 2px solid #514e49;
  display: none;
}
/* line 39, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success h1 {
  margin-bottom: 24px;
}
/* line 44, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success-static {
  display: none;
  min-height: 500px;
}
/* line 49, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success-static ul {
  margin-left: 20px;
}
/* line 57, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .salutation {
  float: left;
  width: 80px;
}
/* line 62, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container select#salutation {
  width: 70px;
}
/* line 66, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /* Necessary to trigger "hasLayout" in IE */
  display: block;
  /* Sets element back to block */
}
/* line 71, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div {
  float: left;
}
/* line 74, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div input {
  width: 210px;
}
/* line 77, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div.salutation {
  width: 80px;
}
/* line 80, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div select#salutation {
  width: 70px;
}
/* line 88, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container div.field-row div {
  float: left;
  margin-bottom: 0;
}
/* line 94, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /* Necessary to trigger "hasLayout" in IE */
  display: block;
  /* Sets element back to block */
}
/* line 99, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div {
  float: left;
}
/* line 101, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div.state {
  width: 320px;
}
/* line 104, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div.zip {
  width: 150px;
}
/* line 108, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields input#state {
  width: 300px;
}
/* line 111, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields input#zip {
  width: 150px;
}
/* line 117, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields {
  margin: 14px 0;
}
/* line 121, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields ol, .contact-form-container .terms-fields ul {
  list-style: default;
  margin: 0;
  padding: 0;
  margin-left: 14px;
}
/* line 127, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields ol li, .contact-form-container .terms-fields ul li {
  margin: 0 0 7px;
}
/* line 131, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields label.accept-text {
  display: inline;
  font-size: 11.9px;
}
/* line 135, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields .access-rules {
  padding: 14px;
  max-height: 100px;
  overflow: auto;
  font-size: 11.9px;
  color: #514e49;
  border: 1px solid #908b85;
  margin: 0 0 14px 0;
  background-color: white;
}
/* line 147, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select {
  padding: 150px 0;
  text-align: center;
  line-height: 36px;
}
/* line 151, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select h1 {
  margin-bottom: 24px;
}
/* line 154, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select div {
  margin-bottom: 24px;
}
/* line 160, ../../app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-choice-container .form-wrapper {
  display: none;
}