/* LESS Mixin for CSS arrow
 *
 * http://codepen.io/jasondavis/pen/dHLwv
 *
 * Usage:
 * .arrow(size, color, direction, offset(optional), border-size(optional), border-color(optional));
 *
 * 1. size: you can set pretty much whatever you want. Further tests required for em unit.
 * 2. color: sadly, no way to inherit. Use the same color as the background of your element.
 * 3. direction: the direction of the arrow (top, right, bottom, left).
 * 4. offset (optional): the position on the side (20px, 50%, etc.).
 * 5. border-size (optional): you may have to set it 1px thinner than the actual border to smooth the rendering.
 * 6. border-color (optional): "inherit" as a default value.
 *
 *
 * Still many things to do and edge cases to fix.
 * It uses the :after pseudo-element to create the arrow. If there is a border, it uses the :before pseudo-element
 *
 * Changelog:
 * - now handles border
 * - "inherit" now supported as a @border-color value
 * - "inherit" now supported as a @color value as long as there is no border involved
 * - dramatically simplified the position
 * - drop-shadow enabled
 * - GitHub repo: https://github.com/HugoGiraudel/LESS-Mixin-for-CSS-arrows
 */
form#account-info-form div.award-claim {
  margin: 60px 0;
}
form#account-info-form .checkbox {
  margin: 0;
}
form#account-info-form .checkbox label {
  padding-left: 15px;
}
form#account-info-form div#dob-group div.dob-div,
form#account-info-form div#student-dob-group div.dob-div,
form#account-info-form div#dob-group div.student-dob-div,
form#account-info-form div#student-dob-group div.student-dob-div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 15px;
}
form#account-info-form div#dob-group div.dob-div div:nth-child(1),
form#account-info-form div#student-dob-group div.dob-div div:nth-child(1),
form#account-info-form div#dob-group div.student-dob-div div:nth-child(1),
form#account-info-form div#student-dob-group div.student-dob-div div:nth-child(1) {
  padding: 0 5px 0 0;
  margin-left: 0;
  flex-basis: 0;
  flex-grow: 1;
}
form#account-info-form div#dob-group div.dob-div div:nth-child(2),
form#account-info-form div#student-dob-group div.dob-div div:nth-child(2),
form#account-info-form div#dob-group div.student-dob-div div:nth-child(2),
form#account-info-form div#student-dob-group div.student-dob-div div:nth-child(2) {
  padding: 0 2.5px;
  margin: 0 15px 0 15.5px;
  flex-basis: 0;
  flex-grow: 1;
}
form#account-info-form div#dob-group div.dob-div div:nth-child(3),
form#account-info-form div#student-dob-group div.dob-div div:nth-child(3),
form#account-info-form div#dob-group div.student-dob-div div:nth-child(3),
form#account-info-form div#student-dob-group div.student-dob-div div:nth-child(3) {
  padding: 0 0 0 5px;
  flex-basis: 0;
  flex-grow: 1;
}
form#account-info-form div#years-attended-group div.end-year {
  padding: 0 8px 0 20px;
}
form#account-info-form div.discovery-optin {
  margin-top: 0px;
  height: 60px;
}
form#account-info-form div.pre-college-only {
  padding-bottom: 20px;
  margin-left: 0px;
}
form#account-info-form div.chegg-div {
  padding-right: 0;
}
form#account-info-form div.chegg-div p.terms {
  margin: 0;
}
form#account-info-form .student-details-content {
  display: none;
  padding: 15px;
  background: #F4F4F4;
}
form#account-info-form a.differentNameWhenEnrolled {
  text-decoration: none;
}
form#account-info-form a.differentNameWhenEnrolled .fa {
  margin-right: 3px;
}
form#account-info-form input[readonly].text-success {
  color: #555555;
}
div.sign-in-form {
  margin-top: 60px;
}
div.sign-in-form.award-claim {
  margin-bottom: 60px;
}
div.static-img img {
  width: 100%;
}
.registration-type {
  color: #99cbd5;
}
.registration-type .row.row-divide [class*='col-']:not(:last-child):after {
  position: absolute;
  display: block;
  top: 10px;
  right: 0;
  content: 'OR';
  padding-top: 130px;
  height: 300px;
  width: 20px;
  border-right: 1px solid #CFCFCF;
  font-weight: 700;
  color: #99cbd5;
  font-size: 22px;
  text-shadow: 15px 5px 0 #FFFFFF, 15px -5px 0 #FFFFFF, 5px 1px 0 #FFFFFF, 5px 6px 0 #FFFFFF;
}
.registration-type div.radio.active {
  color: #3AABB6;
}
.registration-type div.radio.active .type-icon .default {
  display: none;
}
.registration-type div.radio.active .type-icon .checked {
  display: block;
}
.registration-type div.radio.disabled {
  color: #999999;
}
.registration-type div.radio > label {
  padding: 0;
  min-height: 320px;
}
.registration-type div.radio > label .type-icon img {
  max-width: 120px;
  height: 120px;
  margin: 15px auto 0;
}
.registration-type div.radio > label .type-icon img.default {
  display: block;
}
.registration-type div.radio > label .type-icon img.checked {
  display: none;
}
.registration-type div.radio > label input[type="radio"].input-radio,
.registration-type div.radio > label input[type="radio"][data-replace-input] {
  display: none;
}
.registration-type div.radio > label input[type="radio"].input-radio + span,
.registration-type div.radio > label input[type="radio"][data-replace-input] + span {
  font-size: inherit;
  padding-left: 16px !important;
  display: block;
}
.registration-type div.radio > label input[type="radio"].input-radio + span > span,
.registration-type div.radio > label input[type="radio"][data-replace-input] + span > span,
.registration-type div.radio > label input[type="radio"].input-radio + span > small,
.registration-type div.radio > label input[type="radio"][data-replace-input] + span > small {
  display: block;
  font-weight: 600;
}
.registration-type div.radio > label input[type="radio"].input-radio + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input] + span:before {
  background-color: #FFFFFF;
  border: 1px solid #CFCFCF;
  border-radius: 10px;
  box-shadow: 0 0 2px 0 #F4F4F4 inset;
  content: "";
  display: inline-block;
  height: 18px;
  margin-bottom: -4px;
  margin-right: 5px;
  width: 18px;
}
.registration-type div.radio > label input[type="radio"].input-radio:checked + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input]:checked + span:before {
  box-shadow: 0 0 2px 0 #F4F4F4 inset, 0 0 0 3px #FFFFFF inset, 0 0 0 10px #3AABB6 inset;
}
.registration-type div.radio > label input[type="radio"].input-radio:checked[disabled] + span,
.registration-type div.radio > label input[type="radio"][data-replace-input]:checked[disabled] + span,
.registration-type div.radio > label input[type="radio"].input-radio:checked .disabled + span,
.registration-type div.radio > label input[type="radio"][data-replace-input]:checked .disabled + span {
  opacity: 0.5;
}
.registration-type div.radio > label input[type="radio"].input-radio:checked[disabled] + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input]:checked[disabled] + span:before,
.registration-type div.radio > label input[type="radio"].input-radio:checked .disabled + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input]:checked .disabled + span:before {
  color: #777777;
}
.registration-type div.radio > label input[type="radio"].input-radio[disabled] + span,
.registration-type div.radio > label input[type="radio"][data-replace-input][disabled] + span,
.registration-type div.radio > label input[type="radio"].input-radio .disabled + span,
.registration-type div.radio > label input[type="radio"][data-replace-input] .disabled + span {
  opacity: 0.5;
}
.registration-type div.radio > label input[type="radio"].input-radio[disabled] + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input][disabled] + span:before,
.registration-type div.radio > label input[type="radio"].input-radio .disabled + span:before,
.registration-type div.radio > label input[type="radio"][data-replace-input] .disabled + span:before {
  color: #777777;
}
.registration-type div.radio > label input[type="radio"].input-radio.input-radio-space + span,
.registration-type div.radio > label input[type="radio"][data-replace-input].input-radio-space + span {
  margin-right: 25px;
}