/* Base import for any step stylesheet */
/* COLORS */
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 300;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-light-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-light-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 300;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-lightitalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-lightitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 400;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-regular-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 700;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-bold-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 400;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-regularitalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-regularitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 700;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-bolditalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-bolditalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Guidestone-Icon-Font";
  src: url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.ttf") format("truetype"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.woff") format("woff"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.svg?4nor7i#Guidestone-Icon-Font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* FONT AND TEXT */
/* BREAK POINTS */
/* COLORS */
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 300;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-light-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-light-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 300;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-lightitalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-lightitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 400;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-regular-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 700;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-bold-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 400;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-regularitalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-regularitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: sofia-pro;
  font-style: italic;
  font-weight: 700;
  src: local("sofia-pro"), url("../Fonts/SofiaPro/sofiapro-bolditalic-webfont.woff2") format("woff2"), url("../Fonts/SofiaPro/sofiapro-bolditalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Guidestone-Icon-Font";
  src: url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.ttf") format("truetype"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.woff") format("woff"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.svg?4nor7i#Guidestone-Icon-Font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* FONT AND TEXT */
/* BREAK POINTS */
@font-face {
  font-family: "Guidestone-Icon-Font";
  src: url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.ttf?4nor7i") format("truetype"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.woff?4nor7i") format("woff"), url("../Fonts/GuideStoneIconFont/Guidestone-Icon-Font.svg?4nor7i#Guidestone-Icon-Font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html body .container .formContainer form .authShell.formContent .card {
  overflow-y: hidden;
  max-width: 100%;
  width: 100%;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer {
  display: flex;
  flex-direction: column;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field .passwordContainer {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.25rem;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field .passwordContainer input {
  margin-bottom: 0rem;
  padding-right: 3rem;
  width: calc(100% - 4rem);
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field .passwordContainer img {
  height: 1.5rem;
  width: 1.5rem;
  margin: auto 0rem auto -2.4375rem;
  cursor: pointer;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field.rememberUsername {
  flex-direction: row;
  align-items: center;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field.rememberUsername input[type=checkbox] {
  margin-right: 0.5rem;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .field.rememberUsername label {
  margin: 0rem;
  font-weight: normal;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .findMyUsername {
  margin-top: 1rem;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .registrationLink {
  font-weight: 800;
  margin-top: 1.5rem;
  width: fit-content;
  align-self: center;
  padding-right: 0;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .registrationLink.linkWithIcon {
  font-size: 1rem;
}
html body .container .formContainer form .authShell.formContent .card .innerContainer .alert.alert-danger.login::before {
  content: "Invalid login";
}
html body .container .formContainer form .authShell.formContent .otherLoginsContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 800;
}
html body .container .formContainer form .authShell.formContent .otherLoginsContainer h3 {
  margin: 0rem;
  margin-bottom: 0.25rem;
  font-weight: 800; /* Override Component Lib */
}
html body .container .formContainer form .authShell.formContent .otherLoginsContainer a {
  margin: 0.25rem 0rem;
}

.sessionTimeoutMessage {
  width: 100%;
  margin: 0 auto 1rem;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  text-align: center;
  background-color: #deefff;
  border-bottom: 1px solid lightgray;
  box-sizing: border-box;
}
.sessionTimeoutMessage p {
  margin: 0;
}
.sessionTimeoutMessage p img {
  width: 1.1875rem;
  margin-top: -0.1875rem;
  vertical-align: middle;
  border-style: none;
}