@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");/**
 * standardize.css v1.0.0
 *
 * a compilation of popular CSS semantic guidelines
 */

/**
 * Prevent adjustments of font size after orientation change
 * [IE on Windows Phone and iOS]
*/
html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Remove margin [all browsers] */
/* Improve consistency of default fonts */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
}

/* MiniReset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/**
 * Correct font size and margin on `h1` elements
 * within a `section` and `article` [Chrome, Firefox, and Safari]
 */
section > h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

article > h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Add correct display [IE] */
main {
  display: block;
}

/**
 * Add correct box-sizing [Firefox]
 * Show overflow [Edge and IE)
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * Correct inheritence/scaling of font size [all browsers)
 * Correct odd `em` font sizing [all browsers]
 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Remove gray background on active links [IE10]
 * Remove gaps in underline [iOS, Safari]
 */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/**
 * Remove bottom border [Chrome, Firefox]
 * Add correct text decoration [Chrone, Edge, IE, Opera, Safari]
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* Add correct font weight [Chrome, Edge, Safari] */
b,
strong {
  font-weight: bolder;
}

/* Correct font style [Android] */
dfn {
  font-style: italic;
}

/**
 * Add correct size [all browsers]
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` from affecting line height [all browsers]
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * Remove border on images inside links [IE]
 */
img {
  border-style: none;
}

/**
 * Hide overflow [IE]
 */
svg:not(:root) {
  overflow: hidden;
}

/* Remove margin [Firefox, Safari] */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/* Show overflow [IE, Edge] */
button,
input {
  overflow: visible;
}

/**
 * Remove inheritance of text transform [Edge, Firefox, IE]
 */
button,
select {
  text-transform: none;
}

/* Correct inability to `ickable types [iOS] */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* Remove inner border/padding [Firefox] */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Restore focus styles unset by the above */
button:-moz-focusing,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusing,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Correct padding [Firefox] */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Correct text wrapping [Edge, IE]
 * Correct color inheritence [IE]
 * Remove padding [all browsers]
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* Add correct vertical alignment [Chrome, Firefox, Opera] */
progress {
  vertical-align: baseline;
}

/* Remove default vertical scrollbar [IE] */
textarea {
  overflow: auto;
}

/* Add correct box sizing & remove padding [IE] */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* Correct cursor style of increment/decrement buttons [Chrome] */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* Fix appearance [Chrome, Safari[ */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* Remove inner padding & cancel buttons [Chrome & Safari on macOS] */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Correct inability to style clickable types [iOS, Safari] */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Add correct display [all browsers] */
summary {
  display: list-item;
}

/* Add correct display [IE] */
template {
  display: none;
}

/* Remove tapping delay on clickable elements [IE] */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* Add correct display [IE] */
[hidden] {
  display: none;
}

/* Accessibility */

/* Hide visually and from screen readers */
.hidden {
  display: none !important;
}

/**
 * Hide visually, but available for screen readers
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/**
 * Extends `visuallyhidden` to allow element
 * to be focusable when navigated to via keyboard
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/* Hide visually and from screen readers, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Change cursor on busy elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Change cursor on control elements */
[aria-controls] {
  cursor: pointer;
}

/* Change display on visually hidden accessible elements */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/* Change cursor on disabled, not editable, inoperable elements */
[aria-disabled] {
  cursor: default;
}


/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* brand colors */
/* new ui colors */
/* neutral colors */
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/* modular scale sizes, 1.2 ratio */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Spacing Defaults
 */
/* container area */
/* responsive widths */
/**
 * Body base styles
 */
*,
*:after,
*:before {
  box-sizing: inherit;
  border: 0;
  outline: 0;
  background: transparent;
}
html,
body {
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 0;
  color: #0d0f4a;
}
body.-gray {
  background-color: #f8f8f8;
}
body > main {
  overflow-x: hidden;
}
body > main.-gray {
  background-color: #f8f8f8;
}
.container {
  max-width: 1180px;
  margin: auto;
  overflow: hidden;
  padding: calc(1rem * 4) 1rem;
}
.font-secondary {
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
}
.portal-title {
  margin: 32px 0 16px 0;
  font-weight: 500;
}
.title-subtext {
  font-size: 18px;
  text-transform: none;
  padding-left: 1rem;
}
.-center {
  text-align: center;
}
.-margin-top {
  margin-top: calc(1rem * 2);
}
.ReactModalPortal {
  z-index: 2;
}
.flex--col--center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex--row--center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex--row--center.modal-button-nm .modal-button {
  margin: 0;
  padding: 0;
}
.-bold {
  font-weight: 700;
}
.footer {
  background-color: #f8f8f8;
  padding: 20px;
  color: #0d0f4a;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
  color: #0066cc;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
}
/**
 * Heading 1
 */
h1 {
  font-weight: 300;
  font-size: 2.986rem;
  line-height: 1.2;
  margin: 1.2rem 0;
}
/**
 * Heading 2
 */
h2 {
  font-weight: 500;
  font-size: 2.488rem;
  line-height: 1.2;
  margin: 1.2rem 0;
}
/**
 * Heading 3
 */
h3 {
  font-weight: 300;
  font-size: 2.074rem;
  line-height: 1.2;
  margin: 1.2rem 0;
}
/**
 * Heading 4
 */
h4 {
  font-weight: 500;
  font-size: 1.2rem;
  margin: 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}
/**
 * Heading 5
 */
h5 {
  font-weight: 500;
  font-size: 0.833rem;
  margin: 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}
/**
 * Heading 6
 */
h6 {
  font-weight: 500;
  font-size: 0.694rem;
  margin: 1rem 0;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}
/**
 * Subheading
 */
.subheading {
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
}
/*------------------------------------*\
    #TEXT
\*------------------------------------*/
/**
 * Paragraph base styles
 */
p {
  font-size: 1rem;
  line-height: 1.4;
  color: #0d0f4a;
}
p.lead {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: calc(1rem * 1.5);
  color: #828282;
  text-align: center;
}
p.lead.zero-courses {
  background: rgba(213, 215, 85, 0.2);
  padding: 2em;
  text-align: center;
  max-width: 800px;
  color: #828282;
}
p.error-msg {
  text-align: center;
  font-weight: bold;
  color: #f79020;
  display: block;
  width: 100%;
  margin-bottom: 0px;
}
p.-inverse {
  color: #fff;
}
/**
 * Blockquote base styles
 */
.blockquote {
  color: #828282;
  margin-bottom: 1rem;
}
.blockquote .lead {
  text-align: left;
}
.blockquote .citation {
  font-style: normal;
}
.citation {
  font-style: italic;
  font-size: 14px;
  margin-top: calc(1rem * 2);
}
.citation.-thin {
  margin-top: 0;
}
.citation.-center {
  text-align: center;
}
.citation.-note {
  background: #fdffe0;
}
/**
 * Horizontal rule base styles
 */
hr {
  border: 0;
  height: 2px;
  background: #e1e1e1;
  margin: calc(1rem * 2) 0;
}
/**
 * Abbreviation base styles
 */
abbr {
  border-bottom: 1px dotted #828282;
  cursor: help;
}
.page-title {
  font-weight: 500;
  text-align: center;
  margin-top: calc(1rem * 3);
  font-size: 24px;
}
.avatar-image {
  width: 125px;
  height: 125px;
  background-size: cover;
  display: block;
  border-radius: 75px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  margin: auto;
  position: relative;
  /* &::after {
    position: absolute;
    content: '';
    border: 3px solid #41B6C5;
    border-radius: 75px;
    width: 140px;
    height: 140px;
    margin: -7.5px 0 0 -7.5px;
  } */
}
.avatar-image.-small {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.avatar-image.-small::after {
  width: 115px;
  height: 115px;
}
.avatar-image-lg {
  width: 175px;
  height: 175px;
  background-size: cover;
  display: block;
  border-radius: 125px;
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  margin: auto;
  position: relative;
}
.avatar-image-lg::after {
  position: absolute;
  content: "";
  border: 4px solid #3f64dd;
  border-radius: 125px;
  width: 200px;
  height: 200px;
  margin: -12.5px 0 0 -12.5px;
}
.course-image-lg {
  text-align: center;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.course-image-lg > .icon {
  width: 150px;
}
.course-image {
  text-align: center;
  padding-right: 0;
}
.course-image > .icon {
  width: 175px;
}
.loading-image {
  text-align: center;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.loading-image > .icon {
  width: 150px;
}
.orange-arrow {
  width: 42px;
  padding-right: 7px;
  padding-left: 7px;
  margin-bottom: -1px;
}
svg,
.svg {
  fill: currentColor;
  width: 24px;
  height: 24px;
}
.svg-24px {
  width: 24px;
  height: 24px;
}
.svg-40px {
  width: 40px;
  height: 40px;
}
@media (min-width: 888px) {
  .course-image-lg > .icon {
    width: 200px;
  }
  .avatar-image-lg {
    width: 250px;
    height: 250px;
  }
  .avatar-image-lg::after {
    border-radius: 137.5px;
    width: 275px;
    height: 275px;
  }
  .loading-image > .icon {
    width: 200px;
  }
}
/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Links
 */
a {
  color: #0d0f4a;
  font-weight: 600;
  text-decoration: underline;
  outline: 0;
  cursor: pointer;
  transition: all 300ms ease;
}
a:hover, a:focus {
  color: #0d0f4a;
  transition: all 500ms ease;
}
a.inverse:hover, a.inverse:focus {
  color: #e1e1e1;
  transition: all 500ms ease;
}
.homepage-section .button-link {
  padding-top: calc(1rem * 2);
  justify-content: center;
}
/* FormHack v1.2.0 (formhack.io) */
/*// Config -----------------------------*/
/*// Font*/
/*// Borders*/
/*// Inputs, Textareas, Select, Option*/
/*// Select Vendor Styling*/
/*// Fieldset & Legend Styling*/
/*// Buttons & Input Submits*/
/*// Layout*/
/*// Center/Left-Aligned Layout*/
/*@mixin center-layout {
  @if $fh-centered == true {
    margin: 10px auto;
    text-align: center;
  }
  @else {
    margin: 10px 0;
  }
}*/
/* Global Reset Styles ------------------ */
input,
textarea,
select,
option,
optgroup,
button,
legend,
fieldset {
  box-sizing: border-box;
  outline: none;
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  /*color: $fh-font-color;*/
  vertical-align: top;
  display: block;
  /*@include center-layout;*/
  transition: border-color 500ms ease, box-shadow 500ms ease;
}
input.-error,
textarea.-error,
select.-error,
option.-error,
optgroup.-error,
button.-error,
legend.-error,
fieldset.-error {
  border: 2px solid #642240 !important;
}
.signup ::placeholder {
  color: black;
}
datalist {
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
}
label {
  display: block;
  margin: 1rem 0 0.4rem;
  /*@include center-layout;*/
}
.error-wrapper {
  text-align: center;
  margin-bottom: 1rem;
}
.form-note {
  font-style: italic;
  color: #bcbcbc;
}
.form-note.form-error {
  color: #3f64dd;
  display: block;
}
.form-error-message {
  background-color: #642240;
  width: 100%;
  padding: 1rem;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-error-message > .icon {
  margin-right: calc(1rem / 2);
}
/* Input & Textarea ------------------ */
/* Fields with standard width */
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list],
input[type=file],
select,
textarea {
  width: 100%;
  max-width: none;
  /*padding: $fh-input-height / 5;*/
  padding: 0.4rem 0.8rem;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
}
/* Fields with standard height */
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[list] {
  height: 40px;
  -webkit-appearance: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* Other */
textarea {
  -webkit-appearance: none;
  overflow: auto;
}
input[type=range] {
  height: 40px;
  width: 100%;
  max-width: none;
}
input[type=file] {
  /*min-height: $fh-input-height;*/
  padding: 0;
  margin: 1rem 0;
  border: none;
  height: auto;
}
input[type=search] {
  height: 40px;
  -webkit-appearance: none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=checkbox],
input[type=radio] {
  display: inline-block;
  vertical-align: middle;
}
/*// For checkbox and radio to be centered, need to wrap the input and label in a span -
// .checkbox-container {
//   display: block;
//   text-align: center;
// }*/
/* Select ------------------ */
select {
  height: 40px;
}
select[multiple] {
  height: auto;
  min-height: 40px;
  padding: 0;
}
select[multiple] option {
  margin: 0;
  padding: calc(40px / 5);
}
/* Fieldset ------------------ */
fieldset {
  padding: 0;
  border: 0;
}
legend {
  padding: 0;
  font-weight: inherit;
}
input[type=image] {
  text-align: center;
  padding: 8px;
}
/* States ------------------ */
input[disabled],
textarea[disabled],
select[disabled],
option[disabled],
button[disabled] {
  cursor: not-allowed;
}
input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus {
  /*background-color: $fh-focus-bg-color;*/
  /*border-color: $fh-focus-border-color;*/
  border-color: #0d0f4a;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: #e1e1e1 solid 2px;
}
/*button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
  background-color: $fh-button-hover-bg-color;
  color: $fh-button-hover-font-color;
}*/
/*optional input span*/
.input-optional {
  font-style: italic;
  color: #bcbcbc;
}
/*tall text area*/
.text-area-padded {
  padding-bottom: calc(1rem * 3);
}
.form-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.button, .button-white, .button-tertiary, .button-secondary, .button-primary {
  outline: none;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  font-weight: 100;
  text-align: center;
  line-height: 2.5rem;
  padding: 0 1.4rem;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 0.5rem;
}
.button:hover, .button-white:hover, .button-tertiary:hover, .button-secondary:hover, .button-primary:hover {
  color: #fff;
  background-color: dimgray;
  box-shadow: 0 0px 1px 0 #a3a3a3;
  border-color: transparent;
}
.button:focus, .button-white:focus, .button-tertiary:focus, .button-secondary:focus, .button-primary:focus, .button:active, .button-white:active, .button-tertiary:active, .button-secondary:active, .button-primary:active {
  color: #fff;
  background-color: dimgray;
  border: none;
}
.button.-large, .-large.button-white, .-large.button-tertiary, .-large.button-secondary, .-large.button-primary {
  line-height: 3rem;
}
.button.-loading, .-loading.button-white, .-loading.button-tertiary, .-loading.button-secondary, .-loading.button-primary {
  /*@extend %hide-text;*/
  color: transparent;
  background-image: url("https://s3-us-west-2.amazonaws.com/galvanize.com-dev/loader-black.svg");
  background-size: auto 70%;
  background-position: center;
  background-repeat: no-repeat;
}
.button.loading-wheel, .loading-wheel.button-white, .loading-wheel.button-tertiary, .loading-wheel.button-secondary, .loading-wheel.button-primary {
  background: url("https://s3-us-west-2.amazonaws.com/dotcom-files/loader-orange.svg");
  background-size: auto 70%;
  overflow: visible;
  background-color: transparent;
  width: 40px;
  height: 40px;
}
.button-primary, .button-primary:focus, .button-primary:active {
  color: white;
  background-color: #3f64dd;
  border: 2px solid transparent;
  box-shadow: none;
}
.button-primary:hover {
  color: white;
  background-color: #2349c6;
}
.button-primary.-loading {
  /*@extend %hide-text;*/
  color: transparent;
  background-image: url("https://s3-us-west-2.amazonaws.com/galvanize.com-dev/loader-white.svg");
  background-size: auto 70%;
  border: 2px solid transparent;
}
.button-primary.-wrap {
  white-space: normal;
  line-height: normal;
  padding: 0.4rem 1.4rem;
  width: 100%;
}
.button-secondary {
  text-decoration: none;
}
.button-secondary, .button-secondary:focus, .button-secondary:active {
  color: #3f64dd;
  font-weight: 300;
  background-color: white;
  border: 1px solid #3f64dd;
  letter-spacing: 1px;
  box-shadow: none;
}
.button-secondary:hover {
  color: white;
  background-color: #3f64dd;
  transition: none;
}
.button-secondary.-loading {
  /*@extend %hide-text;*/
  color: transparent;
  background-image: url("https://s3-us-west-2.amazonaws.com/galvanize.com-dev/loader-white.svg");
  background-size: auto 70%;
  background-color: #3f64dd;
}
.button-secondary.-inverse {
  color: white;
}
.button-tertiary {
  color: white;
  background-color: #0d0f4a;
  border: 2px solid #0d0f4a;
}
.button-tertiary:hover {
  color: #fff;
  background-color: #05061f;
  border: 2px solid #05061f;
  transition: none;
}
.button-tertiary:focus, .button-tertiary:active {
  color: #0d0f4a;
  background-color: #05061f;
  border: 2px solid #05061f;
}
.button-tertiary.-loading {
  /*@extend %hide-text;*/
  color: transparent;
  background-image: url("https://s3-us-west-2.amazonaws.com/galvanize.com-dev/loader-black.svg");
  background-size: auto 70%;
}
.button-white {
  color: #0d0f4a;
  background-color: white;
  border: 2px solid transparent;
}
.button-white:hover {
  color: white;
  background-color: #05061f;
  transition: none;
}
.button-white:focus, .button-white:active {
  color: #0d0f4a;
  background-color: gray;
}
.button-white.-loading {
  /*@extend %hide-text;*/
  color: transparent;
  background-image: url("https://s3-us-west-2.amazonaws.com/galvanize.com-dev/loader-black.svg");
  background-size: auto 70%;
}
.button-link {
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.button-link:hover {
  cursor: pointer;
}
.button-link:hover svg {
  transform: translateX(4px);
}
.button-link > .svg {
  margin-left: 3px;
  transition: transform 300ms ease;
}
.button-link.-orange {
  color: #ef6e47;
  fill: #ef6e47;
}
.button-link.-green {
  color: #009877;
  fill: #009877;
}
.button-link.-lime {
  color: #d5d755;
  fill: #d5d755;
}
.button-link.-maroon {
  color: #642240;
  fill: #642240;
}
.button-link.-blue {
  color: #0d0f4a;
  fill: #0d0f4a;
}
button.-inline {
  display: inline;
  cursor: pointer;
  text-transform: inherit;
  font-size: inherit;
  background: none;
  border: none;
  font-weight: inherit;
  color: #0d0f4a;
  vertical-align: initial;
  outline: none;
  box-shadow: none;
  text-decoration: underline;
}
.application-steps {
  background: #f1f1f1;
  min-height: 100vh;
}
.application-steps .container {
  max-width: 1000px;
}
.application-steps .admissions-steps {
  padding-top: calc(1rem * 2);
}
.application-steps .application-form {
  padding: calc(1rem * 2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.application-steps .application-form .input {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  width: 50%;
}
.application-steps .application-form .input.select {
  flex-wrap: wrap;
}
.application-steps .section-header {
  margin-top: 2rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.application-steps .section-bar {
  margin: 0;
}
.application-steps .application-form .input .subtext {
  font-size: 12px;
  font-style: italic;
  padding-left: 1em;
  padding-top: 8px;
  display: block;
}
.application-steps .application-form .radio-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}
.application-steps .application-form .input .input-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}
.application-steps .application-form .input .input-group .input-wrapper {
  width: 100%;
}
.application-steps .application-form .input .input-group.radio-group {
  flex-direction: column;
}
.application-steps .application-form .label-wrapper {
  min-width: 45%;
}
.application-steps .application-form .label-wrapper label {
  margin: 0;
  font-weight: 500;
}
.application-steps .application-form .radio .label-wrapper label {
  margin-bottom: 0px;
}
.application-steps .application-form .input.textarea .input-group {
  flex-wrap: wrap;
}
.application-steps .application-form > .select,
.application-steps .application-form > .date,
.application-steps .application-form > .text,
.application-steps .application-form > .radio {
  flex-grow: 2;
}
.application-steps .application-form > .radio .radio-option {
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.application-steps .application-form > .radio .radio-option input {
  margin-right: 12px;
  cursor: pointer;
}
.application-steps .application-form > .radio .radio-option input:focus {
  outline: none;
}
.application-steps .application-form > .textarea,
.application-steps .application-form > .checkbox {
  width: 100%;
}
.application-steps .application-form > .textarea {
  display: flex;
  flex-direction: column;
}
.application-steps .application-form .showStateZip,
.application-steps .application-form .showVetFunding,
.application-steps .application-form .showAlumReferral {
  display: none;
}
.application-steps .application-form > .textarea .char-count {
  display: flex;
  justify-content: space-between;
  color: #bcbcbc;
  line-height: 2em;
  font-style: italic;
}
.application-steps .application-form > .checkbox .checkbox-field span {
  margin-left: 6px;
}
.application-steps .application-form .action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(1rem * 2);
  width: 100%;
}
.application-steps .header-description {
  text-align: center;
  margin-bottom: 1rem;
}
.application-steps .second-page .input.select,
.application-steps .second-page .input.radio,
.application-steps .second-page .input.text,
.application-steps .second-page .input.checkbox,
.application-steps .second-page .input.textarea {
  width: 100%;
}
.application-steps .second-page .input.textarea,
.application-steps .second-page .input.radio {
  flex-direction: column;
}
.application-steps .radio-option {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.application-steps .checkbox-field {
  gap: 1rem;
  display: flex;
}
.application-steps .modal {
  width: 80%;
  max-width: 677px;
  background-color: #fff;
  padding: min(3rem, 10%);
  border: 0;
  border-radius: 5px;
  text-align: justify;
}
.application-steps button.button-primary.close-pronoun-modal,
.application-steps button.button-primary.close-experience-modal {
  margin-top: 1rem;
}
.application-steps .modal-actions {
  width: 100%;
  display: flex;
  justify-content: right;
}
.application-steps .open-pronoun-modal,
.application-steps .open-experience-modal {
  cursor: pointer;
  margin-left: 1rem;
  color: darkblue;
}
@media (max-width: 480px) {
  .application-steps .input,
  .application-steps .input .input-group {
    flex-wrap: wrap;
  }
  .application-steps .application-form .label-wrapper label {
    margin: 6px 0px 6px 0px;
  }
  .application-form .input {
    width: 100% !important;
  }
}
.home {
  background: #f1f1f1;
  min-height: 100vh;
  display: flex;
}
.home .container {
  max-width: 1000px;
}
.home .loading {
  width: 10rem;
}
.home .loading-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home .portal {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0px 0px 10px rgb(28, 26, 26);
  border-radius: 1.5rem;
  min-width: 328px;
}
.home .portal-aside {
  flex: 10 0 50%;
  padding: calc(1rem * 2);
  background-color: #0d0f4a;
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.home .program-block {
  background: #fff;
  padding: 1rem;
  margin-top: 5em;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 0 -0.25rem #ef6e47;
}
.home .program-block:first-child {
  margin-bottom: calc(1rem * 1.5);
}
.home .program-block .logo-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.home .program-block .program-logo {
  height: 40px;
  width: auto;
  margin-bottom: 26px;
}
.home .program-block .program-logo.-dsi {
  margin-top: -7px;
  margin-bottom: 0;
}
.home .program-block.-campuses {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: none;
  color: #e1e1e1;
  text-transform: uppercase;
  padding-top: calc(1rem * 4);
  font-size: 13px;
}
.home .program-block.-campuses .campus-line {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 24px;
}
.home .program-block.-campuses .campus-line span {
  padding: 0 6px;
}
.home .form-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 5 0 50%;
  padding: calc(1rem * 1.5);
  min-height: 575px;
}
.home .citation {
  padding: 1rem 12px;
  font-size: 13px;
  margin: 0;
}
.home .alt-button {
  margin-top: "1em";
  display: "flex";
  flex-direction: "column";
  margin: "auto";
  margin-top: ".5em";
}
.home .logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 8px;
}
.home .logo-wrapper .logo {
  height: 22px;
}
.home .logo-wrapper .logo.-hr {
  height: 19px;
  padding-left: 26px;
  margin-bottom: 3px;
}
.home form,
.home .form-group,
.home .input-group {
  width: 100%;
}
.home form {
  margin-top: calc(1rem * 1.5);
}
.home form .input-group {
  margin: 0 10px 12px 10px;
}
.home form .checkbox-field {
  text-align: left;
}
.home form .form-footer {
  margin: 0 1rem 1rem 1rem;
  text-align: center;
}
.home form .form-footer span {
  text-align: left;
  font-size: 12px;
}
.home form .form-footer .button, .home form .form-footer .button-primary, .home form .form-footer .button-secondary, .home form .form-footer .button-tertiary, .home form .form-footer .button-white {
  margin-top: calc(1rem * 2);
}
.home .title {
  font-size: 36px;
  margin: 0;
  margin-top: 24px;
  position: relative;
  color: white;
  text-align: center;
}
.home .portal-title {
  font-weight: 500;
  text-align: center;
  font-size: 25px;
  margin-bottom: 0;
}
.home .title-subtext {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .home .signup {
    padding: 0;
  }
  .home .form-content {
    padding: calc(1rem * 2) 1rem;
  }
}
@media (max-width: 680px) {
  .home .portal-aside {
    border-top-right-radius: 1.5rem;
    border-bottom-left-radius: 0;
  }
  .home .portal-aside .program-block {
    display: none;
  }
}
@media (max-width: 480px) {
  .home .signup {
    padding: 1rem;
  }
  .home .portal-aside .-campuses {
    display: none;
  }
  .home .title {
    margin-top: 0;
  }
}
@media (max-width: 900px) {
  .home .title {
    font-size: 30px;
    white-space: nowrap;
  }
}
.dashboard {
  background: #f1f1f1;
  min-height: 91vh;
  overflow: auto;
}
.dashboard .program-select {
  margin: calc(1rem * 2);
  padding: calc(1rem * 1.5);
}
.dashboard .new-program-select {
  margin: calc(1rem * 2);
}
.dashboard .component-headline {
  padding: 0 1rem 1rem 1rem;
}
.dashboard .component-headline p {
  margin: 0;
}
.dashboard .section-row {
  padding: calc(1rem * 1.5) 0;
  margin: 0;
}
.dashboard .form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.dashboard .form .form-group {
  width: auto;
  margin-right: calc(1rem * 1.5);
}
.dashboard .program-select-form {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.coding-challenge .portal-inner > .challenge-editor {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem;
}
.coding-challenge .portal-inner > .challenge-editor .col {
  border: 1px solid #e0eaf8;
  border-radius: 5px;
  margin: 1rem;
}
.coding-challenge .portal-inner > .challenge-editor .column-header {
  background: #f8f8f8;
  margin: 0;
  padding: 1rem calc(1rem * 2);
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #e1e1e1;
}
.coding-challenge .portal-inner > .challenge-editor .instructions {
  flex: 1.5;
  list-style-position: inside;
}
.coding-challenge .portal-inner > .challenge-editor .instructions ol,
.coding-challenge .portal-inner > .challenge-editor .instructions p {
  padding: 1rem calc(1rem * 2);
}
.coding-challenge .portal-inner > .challenge-editor .instructions ol li {
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 22px;
}
.coding-challenge .portal-inner > .challenge-editor .instructions ul {
  list-style: none;
}
.coding-challenge .portal-inner > .challenge-editor .instructions code {
  background: #f8f8f8;
  padding: 1px 4px 2px 4px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 12px;
}
.coding-challenge .portal-inner > .challenge-editor .instructions .-pass {
  color: #bcbcbc;
  font-weight: 500;
}
.coding-challenge .portal-inner > .challenge-editor .code-editor {
  flex: 2;
}
.coding-challenge .portal-inner > .challenge-editor .code-editor .editor-wrapper .react-codemirror2 {
  border-bottom: 1px solid #e1e1e1;
}
.coding-challenge .portal-inner > .challenge-editor .code-editor .action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem;
}
.coding-challenge .portal-inner > .challenge-editor .code-editor .action span {
  flex: 2;
  margin-right: calc(1rem * 2);
  color: #bcbcbc;
  font-style: italic;
}
.ch-test-results {
  border-top: 1px solid #ddd;
}
.ch-test-results h6 {
  padding: 0 1rem;
}
.ch-test-results pre {
  border-top: 1px solid #ddd;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  padding: 1rem;
  margin-bottom: 0px;
  border-radius: 0 0 5px 5px;
  background-color: #f8f8f8;
  font-size: 13px;
  overflow: scroll;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.instructions pre {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  padding: 0 2rem;
  margin-bottom: 0px;
  font-size: 13px;
  overflow: scroll;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
@media (max-width: 480px) {
  .coding-challenge .portal-inner .challenge-editor {
    padding: 0;
  }
  .coding-challenge .portal-inner .challenge-editor .code-editor {
    margin: 0;
    width: 100%;
  }
  .coding-challenge .portal-inner .challenge-editor .code-editor .action {
    flex-direction: column;
    text-align: center;
  }
  .coding-challenge .portal-inner .challenge-editor .code-editor .action button {
    margin-top: 1rem;
  }
}
.book-interview {
  background: #f8f8f8;
}
.book-interview iframe {
  width: 100%;
  height: 100%;
}
.book-interview .two-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.book-interview .campus-group {
  flex: 3;
}
.book-interview .campus-group .grouping {
  margin: calc(1rem * 2) 1rem;
  height: 90%;
}
.book-interview .campus-group .pre-question {
  margin: calc(1rem * 2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.book-interview .campus-group .pre-question p {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.book-interview .campus-group .card-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.book-interview .campus-group .campus-card {
  flex-grow: 2;
  text-align: center;
  padding: 1rem;
  margin: calc(1rem / 2);
  background: #e1e1e1;
  border: 1px solid #828282;
}
.book-interview .campus-group .campus-card h4 {
  text-transform: none;
}
.book-interview .campus-group.-loading {
  text-align: center;
}
.sidebar {
  flex: 1;
  padding: calc(1rem * 2);
  background: #e0eaf8;
}
.sidebar span {
  font-weight: 500;
}
.sidebar ul {
  padding-left: 22px;
}
.sidebar ul li {
  margin-bottom: 1rem;
}
.sidebar .card-help {
  background: #f8f8f8;
  padding: 1rem;
  text-align: center;
  margin-top: calc(1rem * 3);
  border: 1px solid #828282;
}
.sidebar .card-help h5 {
  margin-bottom: 0;
  margin-top: calc(1rem * 1.5);
}
.sidebar.-sidebar-postsign .card-help {
  text-align: left;
}
.sidebar.-sidebar-postsign h4 {
  text-align: center;
}
.sidebar.-sidebar-postsign ul li ul li {
  margin-bottom: 0;
}
.notes-sidebar {
  display: flex;
  flex-wrap: wrap;
}
.notes-sidebar .sidebar {
  flex: 1;
  margin: 1rem;
  margin-left: 0;
  padding: 1.5rem;
}
.notes-sidebar .sidebar .card-help {
  margin-top: 1rem;
}
.notes-sidebar .sidebar .card-help h5 {
  margin-top: inherit;
}
.notes-sidebar .next-steps {
  flex: 1.9;
  flex-direction: column;
}
@media (max-width: 480px) {
  .sidebar {
    padding: 1rem;
  }
  .sidebar .button-secondary {
    font-size: 14px;
  }
}
.admissions-steps .table-row.-steps {
  display: flex;
  justify-content: center;
  border-radius: 4px;
}
.admissions-steps .error-msg {
  color: red;
  text-align: center;
}
.admissions-steps .steps-list .steps {
  display: flex;
  justify-content: center;
  padding: 0;
}
.admissions-steps .steps-list .steps .step {
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  width: 175px;
  position: relative;
}
.admissions-steps .steps-list .steps .step .label {
  margin-top: 1rem;
  text-align: center;
  font-size: 14px;
  max-width: 130px;
}
.admissions-steps .steps-list .steps .step .label-subtext {
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.admissions-steps .steps-list .steps .step .number {
  position: relative;
  z-index: 1;
  font-size: 20px;
  color: #0d0f4a;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  line-height: 38px;
  text-align: center;
  border: 2px solid #0d0f4a;
}
.admissions-steps .steps-list .steps .step .-complete {
  border: 2px solid #0d0f4a;
  background: #0d0f4a;
}
.admissions-steps .steps-list .steps .step .-complete img {
  width: 18px;
  margin-left: 2px;
  margin-bottom: -2px;
}
.admissions-steps .steps-list .steps .step .-active {
  border: 2px solid #0d0f4a;
  background: #fff;
  color: #3f64dd;
  height: 40px;
}
.admissions-steps .steps-list .steps .step::after {
  position: absolute;
  content: "";
  top: 22px;
  left: 92px;
  width: 165px;
  height: 2px;
  background: #0d0f4a;
}
.admissions-steps .steps-list .steps .step:last-child::after {
  display: none;
}
.breadcrumb {
  padding: 1rem;
  background: #f8f8f8;
  display: flex;
}
.breadcrumb a,
.breadcrumb button {
  cursor: pointer;
  font-weight: 500;
}
.card-horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #e0eaf8;
  padding: calc(1rem * 1.5);
  margin: 1rem 0;
}
.card-content {
  flex: 2;
  color: black;
}
.card-content h4 {
  font-weight: 700;
  margin: 0;
  position: relative;
}
.card-content p {
  color: black;
  margin: 8px 24px 0 0;
}
.card-content .subtitle {
  margin: 0;
  font-size: 14px;
}
.card-content .content-group {
  margin-top: 0.5em;
}
.card-content .content-group span {
  font-style: italic;
  font-size: 12px;
}
.card-content .content-group p {
  margin: 0;
  font-size: 14px;
}
.hero {
  padding: calc(1rem * 1.5) calc(1rem * 2);
  text-align: left;
  background-color: #0d0f4a;
}
.hero .hero-title {
  color: white;
}
.hero p {
  color: white;
}
.main-navigation {
  background: white;
  width: 100%;
  font-family: "Poppins", "Helvetica", "Roboto", "Arial", sans-serif;
  z-index: 9999;
  position: fixed;
  overflow: visible;
}
.main-navigation .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  overflow: visible;
  box-shadow: 0 0 10px gray;
}
.main-navigation .nav-wrapper .galvanize-logo {
  display: flex;
  margin: 16px 20px;
}
.main-navigation .nav-wrapper .galvanize-logo img {
  height: 34px;
  width: auto;
}
.main-navigation .nav-wrapper .nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  color: #bcbcbc;
  cursor: pointer;
}
.main-navigation .nav-items {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}
.main-navigation ul,
.main-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation .actions {
  align-items: center;
  position: relative;
  margin-left: 8px;
  margin-right: 14px;
  display: flex;
}
@media (max-width: 600px) {
  .main-navigation {
    max-height: 100vh;
    overflow-y: scroll;
    box-shadow: 0 0 10px gray;
  }
}
.portal-inner {
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.column-headline {
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.resources-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.resources-block .block {
  flex: 1;
  border-top: 4px solid #0d0f4a;
  margin: 1rem;
  padding: 1rem;
  background: #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.resources-block .block h4 {
  width: 100%;
  margin-bottom: 0;
}
.resources-block .block button {
  flex: 1;
  flex-grow: 1;
  font-weight: 500;
  display: flex;
  margin: 0;
  padding: 0;
}
.signin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 5 0 50%;
  padding: 1rem;
}
.signin .forgot-password {
  color: #0d0f4a;
  font-weight: 400;
  text-align: right;
  align-self: flex-end;
  font-size: 12px;
  margin-right: 8px;
}
.signup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 5 0 50%;
}
.dashboard .table {
  width: 100%;
  padding: calc(1rem * 2);
}
.dashboard .table-head .table-row {
  margin: 0;
  padding: 0.5rem 1rem;
}
.dashboard .table-head .table-row li {
  font-weight: 500;
}
.dashboard .table-row {
  display: flex;
  list-style: none;
  margin: 0;
}
.dashboard .table-row li {
  flex: 1;
  display: flex;
  align-items: center;
}
.dashboard .table-row > li:first-child {
  flex: 2;
}
.dashboard .table-body .table-row {
  padding: calc(1rem * 1.5) 0;
}
.dashboard .table-body :first-child.application-row {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.dashboard .application-row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #f8f8f8;
}
.dashboard .delete-application {
  display: flex;
  justify-content: flex-end;
}
.dashboard .delete-application button {
  cursor: pointer;
}
.dashboard .error {
  display: flex;
  justify-content: center;
  color: red;
}
.modal-button {
  padding-top: 0.5rem;
  color: white;
  margin-bottom: -2em;
  padding-bottom: 1rem;
}
.modal-table {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-table .modal-row {
  width: 100%;
  display: flex;
}
.modal-table .modal-row p {
  padding: 0 12px;
  flex: 1;
  text-align: left;
  font-weight: 500;
}
.modal-table .modal-row p:first-child {
  text-align: right;
}
.modal-table .modal-row .input-group {
  flex: 1;
  display: flex;
  align-items: center;
}
.modal-table .modal-row .modal-start-date {
  flex: 1;
}
.modal-content-wrapper {
  text-align: center;
  padding: 1em;
}
.modal-content-wrapper .modal-buttons {
  display: flex;
  justify-content: center;
  padding-top: 25px;
}
@media (max-width: 875px) {
  .table .table-body .table-row.-steps .step {
    width: 165px;
  }
  .table .table-body .table-row.-steps .step::after {
    width: 160px;
    left: 95px;
  }
  .table .hide-tablet {
    display: none !important;
  }
}
@media (max-width: 735px) {
  .dashboard .table {
    padding: 1rem;
  }
  .dashboard .table .table-body .table-row.-steps {
    display: none;
  }
  .dashboard .table .hide-mobile {
    display: none !important;
  }
  .dashboard .table .next-steps {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0px;
  }
  .dashboard .table .next-steps .left-text {
    padding: 0;
  }
  .dashboard .table .sidebar {
    margin: 0;
  }
}
.next-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #e0eaf8;
  padding: calc(1rem * 1.5);
  margin: 1rem;
  flex-direction: column;
}
.next-steps .left-text {
  padding-right: calc(1rem * 3);
  flex: 1;
  min-width: 65%;
}
.next-steps .-alert {
  font-style: italic;
}
.next-steps .error-message {
  width: 187px;
  text-align: center;
  font-size: 14px;
  color: #ef6e47;
  margin-top: 12px;
}
.next-steps.-postsign div > ul {
  list-style: none;
  padding: 0;
}
.next-steps.-postsign ul li {
  line-height: 48px;
  list-style: none;
  font-weight: 500;
}
.next-steps.-postsign ul li ul li {
  line-height: 24px;
  font-weight: 100;
}
.next-steps.-postsign ul li ul li a {
  font-weight: 100;
}
.next-steps.-postsign ul li.node::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  z-index: 1;
  border-radius: 50%;
  padding: 2px 5px;
  text-align: center;
  vertical-align: middle;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65%;
}
.next-steps.-postsign ul li.-incomplete::before {
  background-image: url("../../images/icon-xmark.png");
  background-color: white;
  border: 2px solid #ed183c;
}
.next-steps.-postsign ul li.-complete::before {
  background-image: url("../../images/icon-checkmark.png");
  background-color: #0d0f4a;
  border: 2px solid #0d0f4a;
}
.next-steps.-postsign ul li ul li::before {
  content: "➔ ";
}
.next-steps.-postsign ul li.-complete ul li {
  display: none;
}
.next-steps.-postsign ul li.-complete ul .-show-on-complete {
  display: block;
}