/* supported screen sizes
  mobile: 320px - 767px
  tablet: 768px - 1023px
  desktop: 1024px - 1199px
  hd: 1200px - infinity
*/
/* supported screen sizes
  mobile: 320px - 767px
  tablet: 768px - 1023px
  desktop: 1024px - 1199px
  hd: 1200px - infinity
*/
.auth-title, .pre-title, .page-title {
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 46px;
}
.btn-background {
  background-color: #ec6716;
  font-size: 20px;
  color: white;
  font-size: 14px;
  letter-spacing: 1.25px;
  line-height: 20px;
}
.auth-info, .intro {
  color: #686868;
  font-family: Montserrat, Sans-Serif;
  font-size: 18px;
  line-height: 24px;
}
/* supported screen sizes
  mobile: 320px - 767px
  tablet: 768px - 1023px
  desktop: 1024px - 1199px
  hd: 1200px - infinity
*/
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html,
body {
  height: 100%;
  margin: 0;
  font-family: Montserrat, Sans-Serif;
  background-color: #214c5e;
  background-image: url(/assets/imgs/pattern-background-dark.png);
  background-repeat: repeat;
  background-position: center;
  display: block;
  background-size: auto, cover;
}
.cancel-mobile {
  display: none;
}
.add-icon {
  padding-right: 0.5em;
  outline: none;
}
button {
  font-family: Montserrat, Sans-Serif;
}
.full-width {
  width: 100%;
}
.logo-container {
  text-align: center;
  margin: 0 auto;
}
.text-align-center {
  text-align: center;
}
.margin-auto {
  margin: 0 auto;
}
.red-text {
  color: #e3170a;
  fill: #e3170a;
}
.red-text img {
  height: 16px;
  background: url("/assets/imgs/error-password-req-icon.svg") no-repeat center;
  fill: red;
  color: red;
  padding-right: 30px;
}
.green-text {
  color: #5da271;
  fill: #5da271;
}
.green-text img {
  height: 16px;
  background: url("/assets/imgs/success-password-req-icon.svg") no-repeat center;
  color: #5da271;
  fill: #5da271;
  padding-right: 25px;
}
.green-text span {
  padding-left: 5px;
}
.grey-text {
  color: #8b8e8f;
  fill: #8b8e8f;
}
.grey-text img {
  height: 16px;
  background: url("/assets/imgs/default-password-req-icon.svg") no-repeat center;
  color: #8b8e8f;
  fill: #8b8e8f;
  padding-right: 25px;
}
.grey-text span {
  padding-left: 5px;
}
.label-text {
  padding: 5px 0;
  height: 20px;
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  line-height: 20px;
}
.warning {
  color: #8c530d;
  background-color: rgba(233, 138, 21, 0.1);
  border-left: 4px solid orange;
}
.green-checked-icon,
.warning-icon {
  padding: 16px 20px;
  height: 24px;
  width: 24px;
  outline: none;
}
.green-checked-icon {
  background: url("/assets/imgs/check_circle_outline.svg") center no-repeat scroll;
}
.expired-icon {
  padding: 20px;
  height: 24px;
  width: 24px;
  outline: none;
  background: url(/assets/imgs/error-banner-icon.svg) center no-repeat scroll;
}
.input-text {
  padding-left: 12px;
  font-size: 16px;
  line-height: 24px;
  color: #0e4455;
}
.input-text-disabled {
  width: 100%;
}
.field {
  padding-left: 12px;
}
.nuula-tile-container {
  background-color: white;
}
.tile-container {
  height: 100vh;
  max-width: 390px;
  background-color: white;
  margin: 0 auto;
}
.tile-container.full-screen {
  min-height: 100vh;
}
.nuula-btn {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background-color: #3446da;
  color: white;
  border: none;
  cursor: pointer;
  font-family: "sofia-pro";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  white-space: nowrap;
}
.btn-container {
  margin: 40px auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btn-container {
    margin: 24px auto;
  }
}
.completed {
  margin: 40px 20px;
}
.content-group {
  color: #0e4455;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
  text-align: center;
}
.container {
  box-sizing: border-box;
  height: 40.47px;
  width: 100%;
  border: 1px solid #8b8e8f;
  font-family: Montserrat, Sans-Serif;
  box-sizing: border-box;
}
.mulligan-content-wrap > app-business-verification > div > div > div > form > div > div.creds-wrap > div.creds > div:nth-child(3) > div:nth-child(3) > div > span {
  width: 100%;
}
.input-text-default {
  width: 100%;
}
.btn-background {
  padding: 1em 7em;
  background-color: #ec6716;
  border: none;
  cursor: pointer;
}
.text {
  height: 20px;
  width: 129px;
  color: white;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-align: center;
}
img {
  vertical-align: middle;
}
#page-container {
  position: relative;
  min-height: 100vh;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.signed {
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 30px;
  text-align: center;
}
.close {
  cursor: pointer;
  margin: 16px 16px 0 0;
  box-sizing: border-box;
  height: 24px;
  border: none;
  width: 24px;
  outline: none;
  background-position: right bottom;
  background: url("/assets/imgs/close-icon.svg") no-repeat scroll;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.intro {
  margin-top: 16px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
}
.bgw {
  background-color: white;
}
input[type=checkbox] {
  outline: 0;
  background: transparent;
  height: 18px;
  width: 18px;
  border: 1px solid #8b8e8f;
  cursor: pointer;
  font-size: 27px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: top;
}
input[type=checkbox]:after {
  content: " ";
  color: white;
  background-color: #0e4455;
  display: inline-block;
  visibility: visible;
}
input[type=checkbox]:checked:after {
  content: url(/assets/imgs/checkmark-button-white-icon.svg);
  color: white;
  height: 20px;
  padding: 2px 0 0 4px;
  width: 18px;
  vertical-align: text-top;
  font-size: 16px;
  font-weight: 600;
}
.page-sub-title {
  color: #0e4455;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 32px;
}
.btn-disable {
  color: #747677;
  background-color: #f3f6f7;
}
select {
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  background-repeat: no-repeat;
  background: url("/assets/imgs/arrow-down-icon.svg") 97% 50% no-repeat scroll;
}
.bb {
  color: #1172e8;
}
input.ng-invalid.ng-touched {
  border: 1px solid red;
}
.help-text {
  height: 20px;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
.cursor-pointer {
  cursor: pointer;
}
.review {
  color: #0e4455;
  font-size: 20px;
  letter-spacing: 0.3px;
  line-height: 30px;
}
.password {
  cursor: pointer;
  box-sizing: border-box;
  height: 15px;
  border: none;
  margin-left: -42px;
  width: 30px;
  outline: none;
  background: url("/assets/imgs/show-icon.svg") center top no-repeat scroll;
}
.disable-email {
  background-color: transparent;
  border-color: transparent;
  color: #0e4455;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
  word-wrap: break-word;
}
@-moz-document url-prefix() {
  .disable-email {
    background-color: transparent;
  }

  .password {
    height: 24px !important;
  }
}
.rectangle {
  border-radius: 2px;
  background-color: white;
  padding: 60px 100px;
}
.password-rectangle {
  display: grid;
  border-radius: 2px;
  background-color: white;
  padding: 4em;
  margin-bottom: 6em;
}
.auth-page-container {
  display: grid;
  grid-template: repeat(8, minmax(0, 0.8fr))/repeat(16, minmax(0, 1fr));
}
.info-page-wrap,
.auth-page-wrap {
  grid-column-start: 6;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 7;
}
.added-icon {
  height: 120px;
  margin-top: 60px;
  padding: 16px;
}
.page-title {
  margin: 0 auto;
}
.modal-page-wrap {
  grid-template-columns: 33% 33% 33%;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  justify-items: stretch;
}
.modal-title {
  color: #0e4455;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 32px;
}
.cannot-verify {
  margin: 0 auto;
  height: 120px;
  outline: none;
  background: url(/assets/imgs/cannot-verify-illustration.svg) center no-repeat scroll;
}
.ok {
  text-align: center;
  height: 24px;
  color: #1172e8;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin: 30px auto;
  cursor: pointer;
}
.link-arrow-icon {
  margin: 28px 0;
  height: 24px;
  width: 24px;
  outline: none;
  background: url(/assets/imgs/link-arrow-icon-new.svg) center no-repeat scroll;
}
.signout,
.sign,
.continue {
  cursor: pointer;
}
.signout {
  width: 150px;
  margin: 0 auto;
  grid-template-columns: 56% 30%;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  justify-items: stretch;
  justify-content: end;
  cursor: pointer;
}
.not-found {
  margin: 0 auto;
  padding: 16px;
  outline: none;
  background: url(/assets/imgs/404-illustration.svg) center no-repeat scroll;
}
.server-err {
  margin: 0 auto;
  padding: 16px;
  height: 120px;
  width: 120px;
  outline: none;
  background: url(/assets/imgs/500-error-illustration.svg) center no-repeat scroll;
}
.error-err {
  margin: 0 auto;
  padding: 16px;
  height: 120px;
  width: 120px;
  outline: none;
  background: url(/assets/imgs/error-generic-illustration.svg) center no-repeat scroll;
}
.contact-group {
  border-radius: 0 0 2px 2px;
  background-color: #f3f6f7;
  padding-bottom: 3em;
}
button:focus {
  outline: 0;
}
.dropdown,
.header-dropdown {
  background: white;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  list-style-type: none;
  box-shadow: 0 21px 34px 0 rgba(0, 0, 0, 0.32);
  border: 1px solid #979797;
  border-radius: 1px;
  background-color: white;
}
.dropdown .line,
.header-dropdown .line {
  box-sizing: border-box;
  height: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown a,
.header-dropdown a {
  text-decoration: none;
  color: #0e4455;
  font-size: 14px;
  font-weight: bold;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 20px;
  padding: 10px 40px;
  cursor: pointer;
}
.dropdown #signout,
.header-dropdown #signout {
  border: 2px solid #fcaf1a;
}
.dropdown .signout-link,
.header-dropdown .signout-link {
  text-align: center;
  padding: 30px 0;
}
#show-accounts {
  display: none;
}
.err-info-container {
  color: #880e06;
  background-color: rgba(227, 23, 10, 0.1);
  border-left: 4px solid #e3170a;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
  border-radius: 2px;
  margin: 24px auto;
  grid-template-columns: 15% 72% 13%;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  justify-items: stretch;
  justify-content: end;
}
.err-info-container .warning-info {
  padding: 16px 0;
}
.alert-danger {
  border-color: red;
  color: #e3170a;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
textarea,
#old-email,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder,
input[type] {
  border-width: 1px;
  font-family: Montserrat, Sans-Serif;
  color: #0e4455;
}
#okta-sign-in.auth-container h2 {
  font-size: 36px;
  color: #0e4455;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 46px;
  text-align: center;
}
#okta-sign-in.auth-container.main-container {
  border-color: transparent;
  box-shadow: none;
}
#okta-sign-in.auth-container {
  width: auto;
  margin-right: 0;
  margin-left: 0;
}
#okta-sign-in.auth-container.main-container {
  border: 0;
  box-shadow: none;
}
#okta-sign-in.auth-container .auth-content {
  max-width: 100%;
  margin: 0 10%;
}
#okta-signin-container {
  grid-column-start: 2;
  grid-column-end: 7;
  grid-row-start: 3;
  grid-row-end: 8;
}
#okta-signin-container {
  text-align: left;
}
#okta-sign-in {
  margin-top: 0px;
}
#okta-sign-in .apply {
  padding: 5px;
  height: 20px;
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 16px;
  line-height: 20px;
}
#okta-sign-in .auth-header {
  border: none;
}
#okta-sign-in .auth-container.main-container {
  border-color: transparent;
}
#okta-sign-in .auth-container input[type=submit] {
  font-size: 14px;
}
#okta-sign-in.auth-container.main-container {
  border-color: white;
}
#okta-sign-in .auth-header {
  border-bottom: none;
}
#okta-sign-in #okta-sign-in .o-form-fieldset,
#okta-sign-in .o-form-button-bar {
  margin: 0 auto;
}
#okta-sign-in.auth-container .okta-form-input-field {
  box-sizing: border-box;
  border: 1px solid #8b8e8f;
  background-color: white;
  border-radius: 0px;
}
#okta-sign-in.auth-container .okta-form-input-field input {
  height: 24px;
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
}
#okta-sign-in.auth-container.main-container .margin-btm-5 {
  margin-bottom: 27px;
}
#okta-sign-in .o-form label {
  height: 20px;
  color: #0e4455;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-weight: 400;
}
#okta-sign-in.auth-container input[type=submit] {
  color: white;
  font-family: Montserrat, Sans-Serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-align: center;
}
#okta-sign-in .focused-input {
  box-shadow: none;
}
#okta-sign-in .o-form .infobox {
  border: none;
  border-radius: 0;
}
#okta-sign-in .infobox-error:before {
  width: 4px;
  border-radius: 2px 0 0 2px;
}
#okta-sign-in p {
  color: #880e06;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
}
#okta-sign-in .infobox > .icon {
  height: 24px;
  margin-left: 8px;
  background: url(/assets/imgs/error-banner-icon.svg) center no-repeat scroll;
}
#okta-sign-in .error-16:before {
  display: none;
}
#okta-sign-in.auth-container .button-primary[disabled],
#okta-sign-in.auth-container .button-primary.disabled {
  background: #ec6716;
  background-image: none;
  border: none;
}
#okta-sign-in.auth-container .button-primary {
  color: white;
  background: #ec6716;
  border: none;
  cursor: pointer;
}
#okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:disabled, #okta-sign-in.auth-container .button-primary:focus-within, #okta-sign-in.auth-container .button-primary:hover, #okta-sign-in.auth-container .button-primary:visited, #okta-sign-in.auth-container .button-primary:active {
  background: #ec6716;
  background-image: none;
  border: none;
}
#okta-sign-in .o-form-has-errors .o-form-explain.o-form-input-error {
  display: block;
  height: 0;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
#okta-sign-in .error-16-small:before {
  display: none;
}
#okta-sign-in .o-form-explain.o-form-input-error {
  padding: 0;
}
#okta-sign-in.auth-container .okta-sign-in-header {
  border-bottom-color: transparent;
  display: none;
}
#okta-sign-in .link.help:focus {
  box-shadow: none;
}
#okta-sign-in .o-form .input-fix .password-toggle .eyeicon {
  height: 24px;
  fill: none;
  display: block;
  stroke: #0e4455;
  background: url(/assets/imgs/show-icon.svg) center no-repeat scroll;
}
#okta-sign-in .visibility-16:before {
  content: "";
  background: url(/assets/imgs/show-icon.svg) center no-repeat scroll;
  height: 24px;
  display: block;
  color: #0e4455;
}
#okta-sign-in .visibility-off-16:before {
  content: "";
  background: url(/assets/imgs/hide-icon.svg) center no-repeat scroll;
  height: 24px;
  display: block;
  color: #0e4455;
}
.creds-wrap {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 3;
  grid-row-end: 3;
}
.auth-title {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 25px;
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 1;
}
.auth-info {
  margin-bottom: 2em;
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 2;
  grid-row-end: 2;
}
select.select-guarantor {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  color: red;
  background-color: white;
  -webkit-border-radius: 0px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.contact {
  color: #0e4455;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
  text-align: center;
  padding-top: 8px;
}
.contact-group.margin-auto > div.contact.margin-auto > p {
  margin: 0;
}
.err-rectangle {
  padding: 24px;
}
*:focus {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.user-email {
  word-break: break-all;
}
.selected-Day-Box {
  border: 2px solid #0e4455 !important;
}
.payment-day-group {
  grid-template-columns: 32% 32% 32%;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 1em;
  padding-top: 32px;
}
.payment-day-group input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.payment-day-group .start-day-group:focus {
  border: 1px solid #0e4455;
}
.payment-day-group .start-day-group {
  width: 100%;
  border: 1px solid #8b8e8f;
  border-radius: 4px;
  padding-bottom: 1em;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.payment-day-group .start-day-group .every-payment-day {
  padding: 0 5px;
  color: #5d5d5d;
  font-family: Montserrat, Sans-Serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
}
.payment-day-group .start-day-group .start-date {
  padding-top: 8px;
  color: #5d5d5d;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
.payment-day-group .start-day-group .check-icon {
  height: 24px;
  width: 24px;
  margin-left: 87%;
  margin-top: 3px;
  border-radius: 50%;
}
.selected-every-day {
  color: #0e4455 !important;
}
.main-logo {
  height: 31px;
  width: 242px;
}
.direct-app-form {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-row-gap: 26px;
  grid-column-gap: 4%;
}
.direct-app-page-title {
  color: #0e4455;
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 46px;
}
@media (max-width: 767px) {
  .direct-app-page-title {
    display: none;
  }
}
.title-logo-with-line {
  text-align: center;
  padding: 14px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.direct-app-page-sub-title {
  color: #0e4455;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 34px;
  margin-bottom: 20px;
}
.direct-app-page-info {
  margin: 24px 0 40px 0;
  color: #67696a;
  font-family: Montserrat;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .direct-app-page-info {
    display: none;
  }
}
.infoForm {
  margin-left: -10px;
}
.goback-group {
  margin-top: 52px;
  justify-self: start;
}
.goback-group .goback {
  color: #1172e8;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  .goback-group .goback {
    font-size: 16px;
  }
}
.goback-group .goback img {
  padding-right: 15px;
}
.goback-group .gobackmobile {
  color: #1172e8;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  .goback-group .gobackmobile {
    font-size: 16px;
  }
}
.goback-group .gobackmobile img {
  padding-right: 15px;
}
.goback-group .skip {
  color: #1172e8;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  .goback-group .skip {
    font-size: 16px;
  }
}
.goback-group .skip img {
  padding-right: 15px;
}
.goback-group .arrow-right {
  color: #1172e8;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
}
.goback-group .arrow-right img {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .goback-group {
    margin-top: 52px;
  }
}
.btn-group {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-left: 12px;
}
.btn-group .end {
  justify-self: end;
}
.progress-info,
progress,
.reps-dropdown {
  display: none;
}
.step-content {
  padding-top: 60px;
}
.add-item {
  color: #1172e8;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  outline: inherit;
}
.item-num {
  color: #0e4455;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 30px;
}
.item-details {
  padding: 10px 24px 10px 14px;
  background-color: #f3f6f7;
}
.item-title {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-row-gap: 0;
  grid-column-gap: 0;
  padding: 32px 10px;
}
.add {
  box-sizing: border-box;
  border: 2px solid #f37028;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 20px;
  text-align: center;
  color: #0e4455;
}
.item-banner {
  display: grid;
  grid-template-columns: 15% 57% 18% 10%;
  grid-row-gap: 0;
  grid-column-gap: 0;
  align-items: center;
}
.banners {
  background-color: #f3f6f7;
  margin: 24px 0;
  padding: 5px 12px;
}
.item-row {
  margin-bottom: 24px;
}
.item-banner-detail {
  color: #0e4455;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 26px;
}
.item-header {
  color: #5c5e5f;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 24px;
}
.item-icon img {
  padding: 10px;
}
.item-delete {
  color: red;
  cursor: pointer;
}
.item-edit {
  color: #1172e8;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 24px;
  cursor: pointer;
}
.mobile-item-banner-detail {
  display: none;
}
.info-mobile {
  display: none;
}
@media (max-width: 767px) {
  .info-mobile {
    display: block;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .step-content {
    padding-top: 40px;
  }

  .auth-page-wrap,
.signup-page-wrap {
    grid-column-start: 5;
    grid-column-end: 15;
    grid-row-start: 1;
    grid-row-end: 8;
  }
}
@media only screen and (max-width: 1366px) {
  .auth-title {
    grid-row-start: 1;
    grid-row-end: 1;
  }

  .info-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 7;
  }

  .signup-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 6;
  }

  .creds-wrap {
    grid-column-start: 2;
    grid-column-end: 11;
    grid-row-start: 4;
    grid-row-end: 4;
  }
}
@media only screen and (max-width: 1199px) {
  .rectangle {
    border-radius: 2px;
    background-color: white;
    padding: 4em;
  }

  .auth-info {
    grid-row-start: 2;
    grid-row-end: 3;
    width: 50%;
  }

  .err-rectangle {
    padding: 24px 0;
  }

  #biz-rec > div.auth-info.text-align-center.margin-auto,
.mulligan-content-wrap > app-business-verification > div > div > div:nth-child(3) > app-signup > div > form > div > div.auth-info.text-align-center.margin-auto {
    width: 100%;
  }

  #okta-sign-in.auth-container.main-container {
    margin: 0 25px;
    border-color: white;
  }

  #okta-sign-in.auth-container .auth-content {
    margin: 0;
  }

  .auth-info {
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
  }

  .info-page-wrap {
    grid-column-start: 5;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 6;
  }
}
@media only screen and (max-width: 1023px) {
  progress {
    display: block;
  }

  .progress-bar {
    margin: 1em;
  }

  .progress-info {
    display: grid;
    grid-template-columns: 89% 10%;
    color: white;
  }
  .progress-info div {
    letter-spacing: 0.3px;
  }
  .progress-info .step-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }
  .progress-info .step-num {
    color: #f4f6f7;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
  }

  progress[value],
progress::-webkit-progress-bar {
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eee;
    border-radius: 2px;
    border: 0;
    height: 0.5em;
    width: 100%;
    text-align: center;
  }

  progress::-webkit-progress-value {
    background-color: #e98a15;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
  }

  progress::-moz-progress-bar {
    background-color: #e98a15;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
  }

  #okta-sign-in.auth-container h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 46px;
    text-align: center;
  }

  #okta-sign-in.auth-container .auth-content {
    margin: 0 20%;
  }

  #okta-signin-container {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 3;
    grid-row-end: 7;
  }

  .auth-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 6;
  }

  .info-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 6;
  }

  .auth-page-wrap,
.signup-page-wrap,
.modal-page-wrap {
    display: block;
  }

  .rectangle {
    padding: 40px;
  }

  #okta-sign-in.auth-container.main-container {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .err-info-container {
    display: grid;
    grid-template-columns: 14% 76% 10%;
  }
  .err-info-container .expired-icon {
    padding: 16px;
  }
  .err-info-container .warning-info {
    padding: 16px 0;
  }

  .info-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 6;
  }

  .added-icon {
    background-size: 96px 96px !important;
    margin-top: 0;
    padding: 0;
  }

  .review {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 24px;
  }

  .pre-title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 38px;
    text-align: center;
  }

  .rectangle {
    padding: 40px;
  }

  .auth-page-container {
    display: grid;
  }

  .auth-title {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 38px;
    text-align: center;
  }

  .auth-info {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 60%;
  }

  #biz-rec > div.auth-info.text-align-center.margin-auto,
.mulligan-content-wrap > app-business-verification > div > div > div:nth-child(3) > app-signup > div > form > div > div.auth-info.text-align-center.margin-auto {
    width: 60%;
  }

  .creds-wrap {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 4;
    grid-row-end: 4;
    margin: 0 20%;
  }

  .password-rectangle {
    padding: 30px 20px;
  }

  #okta-sign-in.auth-container .auth-content {
    margin: 0 20%;
  }
}
@media only screen and (max-width: 767px) {
  .err-info-container {
    display: grid;
    grid-template-columns: 18% 72% 10%;
  }

  .name {
    font-weight: 600;
  }

  .field {
    padding-left: 0;
  }

  img.plus {
    padding-left: 0;
  }

  .cancel-mobile {
    text-align: center;
    width: 100%;
    padding: 0;
    display: block;
    margin-top: 14px;
  }

  .content-input {
    padding-bottom: 1px;
  }

  .mobile-item-banner-detail {
    display: block;
    padding: 10px;
    color: #0e4455;
  }

  .item-banner > div.item-edit > span:nth-child(2),
.item-banner > div.item-delete > span:nth-child(2),
.item-banner-detail {
    display: none;
  }

  .item-header {
    padding-left: 16px;
  }

  div.item-banner > div.item-delete > span:nth-child(1) {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fce7e6;
  }

  div.item-banner > div.item-edit > span:nth-child(1) {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e7eff8;
  }

  .add-icon {
    width: 24px;
    padding: 8px;
  }

  .item-icon img {
    padding: 10px;
    height: 36px;
    width: 36px;
  }

  .label-text {
    padding-top: 30px;
  }

  .item-title {
    display: block;
  }

  .tablet-back {
    display: none;
  }

  .btn-group {
    display: block;
  }

  .direct-app-form {
    display: block;
  }

  .modal-title {
    color: #0e4455;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 28px;
  }

  .creds-wrap {
    margin: 0;
  }

  .rectangle {
    padding: 32px 20px;
  }

  .page-title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 38px;
  }

  .auth-title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 38px;
    text-align: center;
  }

  .btn-background {
    padding: 1em 5em;
    width: 100%;
  }

  #biz-rec > div.auth-info.text-align-center.margin-auto,
.mulligan-content-wrap > app-business-verification > div > div > div:nth-child(3) > app-signup > div > form > div > div.auth-info.text-align-center.margin-auto {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 100%;
  }

  .info-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 6;
  }

  .err-info-container {
    display: grid;
    grid-template-columns: 16% 74% 10%;
  }

  #okta-sign-in.auth-container h2 {
    font-size: 28px;
    letter-spacing: -0.3px;
    line-height: 38px;
  }

  #okta-sign-in.auth-container .auth-content {
    margin: 0;
  }
}
@media only screen and (min-width: 320px) {
  .goback {
    display: none;
    justify-content: center;
  }

  .gobackmobile {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .goback {
    display: flex;
    justify-content: flex-start;
  }

  .gobackmobile {
    display: none;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) and (max-height: 812px) {
  .info-page-wrap {
    grid-column-start: 1;
    grid-column-end: 17;
    grid-row-start: 1;
    grid-row-end: 8;
  }
}
@media only screen and (min-width: 1200px) {
  .auth-page-wrap,
.signup-page-wrap {
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: 8;
  }

  .auth-page-wrap,
.signup-page-wrap {
    width: 570px;
    margin: 0 auto;
  }

  .info-page-wrap {
    margin: 0 auto;
    max-width: 720px;
    grid-column-start: 1;
    grid-column-end: -1;
  }
}
@media only screen and (min-width: 1480px) {
  .auth-page-container {
    display: grid;
    grid-template: repeat(9, minmax(0, 0.8fr))/repeat(16, minmax(0, 1fr));
  }

  #okta-signin-container {
    grid-column-start: 1;
    grid-column-end: 10;
    grid-row-start: 3;
    grid-row-end: 8;
  }

  #okta-sign-in {
    max-width: 570px;
  }

  .loan-step-wrap {
    max-width: 1800px;
    margin: 0 auto;
  }

  #okta-sign-in.auth-container.main-container {
    margin: 0 auto;
  }
}
input[type=text],
input[type=email],
input[type=password],
select {
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #8b8e8f;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 1px;
  padding-bottom: 1px;
}
.auth-page-container,
.doc-checkout-page-container {
  flex: 1;
}
.content-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}