/*!
 * Icons used in this file are made by [Freepik](http://www.freepik.com) from
 * www.flaticon.com is licensed by
 * Creative Commons 3.0 BY (http://creativecommons.org/licenses/by/3.0/)
*/
/**
 * Does a simple conversion of pixels to rem units
 * Round the value to 2 decimal points
 * @param  {[type]} $pixels Font size in the format 11px
 * @return {[type]}         Fonr size in teh format 1.2rem
 */
/**
 * Retrieves the breakpoint form the breakpoints map
 * @param  {string} $name [description]
 * @return {string}       [description]
 */
/**
 * Encodes the string to be URL safe.
 * @param  {String} $string  String to be encoded
 * @return {String}          Encoded string
 */
/** Utility classes */
.clearfix::after, .clearfix::before {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}

.hidden {
  display: none;
}

/* Reset */
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* ******************************************************************************** */
/*  Shared Page Components                                                          */
/* ******************************************************************************** */
/* this is needed to prevent the input button from shifting to the right in the mobile view on some of the mobile devices */
input.default-submit-hack {
  display: block;
}

.input-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* position buttons */
.button-container {
  display: block;
  margin: 10px 0;
  width: 100%;
}

.step-button {
  cursor: pointer;
  text-decoration: none;
}
/* *********************************************************** */
/* ERROR message/indicator related CSS                         */
/* *********************************************************** */
.form-info-message {
  margin: 0 0 1.19rem;
}

span.header-warning-message {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20554.2%20554.199%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cstyle%3Epath%7Bfill%3A%23ffba00%3B%7Drect%7Bfill%3A%23333%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%22180%22%20y%3D%22120%22%20%20width%3D%22200%22%20height%3D%22350%22%20%2F%3E%3Cpath%20d%3D%22M538.5%2C386.199L356.5%2C70.8c-16.4-28.4-46.7-45.9-79.501-45.9c-32.8%2C0-63.1%2C17.5-79.5%2C45.9L12.3%2C391.6%20%20%20c-16.4%2C28.4-16.4%2C63.4%2C0%2C91.8C28.7%2C511.8%2C59%2C529.3%2C91.8%2C529.3H462.2c0.101%2C0%2C0.2%2C0%2C0.2%2C0c50.7%2C0%2C91.8-41.101%2C91.8-91.8%20%20%20C554.2%2C418.5%2C548.4%2C400.8%2C538.5%2C386.199z%20M316.3%2C416.899c0%2C21.7-16.7%2C38.3-39.2%2C38.3s-39.2-16.6-39.2-38.3V416%20%20%20c0-21.601%2C16.7-38.301%2C39.2-38.301S316.3%2C394.3%2C316.3%2C416V416.899z%20M317.2%2C158.7L297.8%2C328.1c-1.3%2C12.2-9.4%2C19.8-20.7%2C19.8%20%20%20s-19.4-7.7-20.7-19.8L237%2C158.6c-1.3-13.1%2C5.801-23%2C18-23H299.1C311.3%2C135.7%2C318.5%2C145.6%2C317.2%2C158.7z%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 19px;
  min-height: 16px;
  vertical-align: middle;
  width: 16px;
}

span.header-info-message {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023.625%2023.625%22%20width%3D%2216px%22%20height%3D%2216px%22%3E%3Cstyle%3Epath%7Bfill%3A%23006df0%3B%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M11.812%2C0C5.289%2C0%2C0%2C5.289%2C0%2C11.812s5.289%2C11.813%2C11.812%2C11.813s11.813-5.29%2C11.813-11.813%20%20%20S18.335%2C0%2C11.812%2C0z%20M14.271%2C18.307c-0.608%2C0.24-1.092%2C0.422-1.455%2C0.548c-0.362%2C0.126-0.783%2C0.189-1.262%2C0.189%20%20%20c-0.736%2C0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215%2C0.015-0.435%2C0.045-0.659c0.031-0.224%2C0.08-0.476%2C0.147-0.759%20%20%20l0.761-2.688c0.067-0.258%2C0.125-0.503%2C0.171-0.731c0.046-0.23%2C0.068-0.441%2C0.068-0.633c0-0.342-0.071-0.582-0.212-0.717%20%20%20c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196%2C0-0.398%2C0.029-0.605%2C0.09c-0.205%2C0.063-0.383%2C0.12-0.529%2C0.176l0.201-0.828%20%20%20c0.498-0.203%2C0.975-0.377%2C1.43-0.521c0.455-0.146%2C0.885-0.218%2C1.29-0.218c0.731%2C0%2C1.295%2C0.178%2C1.692%2C0.53%20%20%20c0.395%2C0.353%2C0.594%2C0.812%2C0.594%2C1.376c0%2C0.117-0.014%2C0.323-0.041%2C0.617c-0.027%2C0.295-0.078%2C0.564-0.152%2C0.811l-0.757%2C2.68%20%20%20c-0.062%2C0.215-0.117%2C0.461-0.167%2C0.736c-0.049%2C0.275-0.073%2C0.485-0.073%2C0.626c0%2C0.356%2C0.079%2C0.599%2C0.239%2C0.728%20%20%20c0.158%2C0.129%2C0.435%2C0.194%2C0.827%2C0.194c0.185%2C0%2C0.392-0.033%2C0.626-0.097c0.232-0.064%2C0.4-0.121%2C0.506-0.17L14.271%2C18.307z%20%20%20%20M14.137%2C7.429c-0.353%2C0.328-0.778%2C0.492-1.275%2C0.492c-0.496%2C0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193%20%20%20c0-0.465%2C0.18-0.865%2C0.533-1.196c0.356-0.332%2C0.784-0.497%2C1.28-0.497c0.497%2C0%2C0.923%2C0.165%2C1.275%2C0.497%20%20%20c0.353%2C0.331%2C0.53%2C0.731%2C0.53%2C1.196C14.667%2C6.703%2C14.49%2C7.101%2C14.137%2C7.429z%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 19px;
  min-height: 16px;
  vertical-align: middle;
  width: 16px;
}

.ErrorMessage {
  margin-bottom: 0.59rem;
}

.field-error-indicator {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20478.125%20478.125%22%20style%3D%22enable-background%3Anew%200%200%20478.125%20478.125%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3Ecircle%2Cpath%7Bfill%3A%2398002e%3B%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%22239.904%22%20cy%3D%22314.721%22%20r%3D%2235.878%22%2F%3E%3Cpath%20d%3D%22M256.657%2C127.525h-31.9c-10.557%2C0-19.125%2C8.645-19.125%2C19.125v101.975c0%2C10.48%2C8.645%2C19.125%2C19.125%2C19.125h31.9%20%20%20%20%20c10.48%2C0%2C19.125-8.645%2C19.125-19.125V146.65C275.782%2C136.17%2C267.138%2C127.525%2C256.657%2C127.525z%22%2F%3E%3Cpath%20d%3D%22M239.062%2C0C106.947%2C0%2C0%2C106.947%2C0%2C239.062s106.947%2C239.062%2C239.062%2C239.062c132.115%2C0%2C239.062-106.947%2C239.062-239.062%20%20%20%20%20S371.178%2C0%2C239.062%2C0z%20M239.292%2C409.734c-94.171%2C0-170.595-76.348-170.595-170.596c0-94.248%2C76.347-170.595%2C170.595-170.595%20%20%20%20%20s170.595%2C76.347%2C170.595%2C170.595C409.887%2C333.387%2C333.464%2C409.734%2C239.292%2C409.734z%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 19px;
  min-height: 16px;
  vertical-align: middle;
  width: 18px;
}

.field-error-text {
  color: #98002e;
  vertical-align: middle;
}

.form-error {
  background-color: #feeaeb;
  border: 1px solid #98002e;
  padding: 0.59rem;
}

.page-error {
  background-color: #feeaeb;
  border: 1px solid #98002e;
  margin: 0 0 1.19rem;
  padding: 0.59rem;
}