/**
Calculate rem
*/
.c-login {
  margin-top: -105px;
}
@media (min-width: 992px) {
  .c-login {
    margin-top: -167px;
  }
}
.c-login hr {
  border: 1px solid #EBEBEB;
  margin: 32px 0 24px;
}
.c-login ol, .c-login ul {
  list-style: auto !important;
}
.c-login ol li, .c-login ul li {
  margin-bottom: 20px;
}
.c-login legend {
  font-size: 0.875rem;
  line-height: 185%;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  color: #00130E;
  padding: 30px 0 10px;
}
@media (min-width: 992px) {
  .c-login legend {
    font-size: 1rem;
  }
}
.c-login p {
  display: block;
  margin-bottom: 10px;
}
.c-login-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .c-login-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .c-login-row {
    gap: 32px;
  }
}
.c-login-row fieldset {
  width: 100%;
}
@media (min-width: 768px) {
  .c-login-row--forcerow fieldset {
    width: calc(50% - 8px) !important;
  }
}
@media (min-width: 992px) {
  .c-login-row--forcerow fieldset {
    width: calc(50% - 16px) !important;
  }
}
.c-login-row-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-login-row label {
  z-index: 5;
}
.c-login-row input {
  border-radius: 8px;
}
.c-login-form input, .c-login-form select {
  padding: 12px 16px;
  border-radius: 8px;
}
.c-login-form label {
  bottom: -12px;
}
.c-login-form-username {
  margin-top: -14px;
}
.c-login-form-password {
  position: relative;
}
.c-login-form-password-toggle {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 38px;
  right: 14px;
}
.c-login-form-password-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-login-form-password-toggle label {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 0;
  right: 0;
  margin: unset;
  border-radius: 16px;
  cursor: pointer;
}
.c-login-form-password-toggle label span:first-child {
  display: block;
  position: absolute;
  width: 24px !important;
  height: 24px !important;
  bottom: 0;
  right: 0;
  border: none !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #2F6872;
  -webkit-mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-login-form-password-toggle label span:first-child:hover {
  background-color: #26535B;
  -webkit-mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
}
.c-login-form-password-toggle input:focus + label {
  outline: 2px dashed #2F6872 !important;
  outline-offset: 2px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.c-login-form-password-toggle input:focus + label > span:first-child {
  background-color: #26535B;
  -webkit-mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
}
.c-login-form-password-toggle input:checked + label > span:first-child {
  background-color: #56A48E;
  -webkit-mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
}
.c-login-form-password-toggle input:checked + label > span:first-child:after {
  display: none !important;
}
.c-login-form-password-toggle input:checked:focus + label > span:first-child, .c-login-form-password-toggle input:checked + label > span:first-child:hover {
  background-color: #6BCDB2;
  -webkit-mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
  mask: url("/assets/images/icons/icon-eye.svg") center/contain no-repeat;
}
.c-login-form-checkbox, .c-login-form-radio {
  margin: 16px 0 0;
}
.c-login-form-checkbox label, .c-login-form-radio label {
  padding: 8px 0;
}
.c-login-form-checkbox--other input[type=checkbox]:checked + label,
.c-login-form-checkbox--other input[type=radio]:checked + label, .c-login-form-radio--other input[type=checkbox]:checked + label,
.c-login-form-radio--other input[type=radio]:checked + label {
  padding: 8px 0 0 0;
  margin-bottom: -8px !important;
}
@media (min-width: 992px) {
  .c-login-form-checkbox--other input[type=checkbox]:checked + label,
  .c-login-form-checkbox--other input[type=radio]:checked + label, .c-login-form-radio--other input[type=checkbox]:checked + label,
  .c-login-form-radio--other input[type=radio]:checked + label {
    padding: 16px 0 0 0;
    margin-bottom: -16px !important;
  }
}
.c-login-form-submit, .c-login-form .o-btn {
  margin: 16px 0 0;
}
.c-login-form-submit button, .c-login-form .o-btn button {
  width: 100%;
}
.c-login-form-submit > div:last-child, .c-login-form .o-btn > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-login-form-submit > div:last-child > div, .c-login-form .o-btn > div:last-child > div {
  width: 100%;
}
.c-login-form-submit--noCheck, .c-login-form .o-btn--noCheck {
  margin-top: 32px;
}
.c-login-form__clearBtn {
  font-size: 0.625rem;
  line-height: 100%;
  word-break: break-word;
  font-family: "Poppins Medium", sans-serif;
  width: auto !important;
  padding: 8px 10px;
}
@media (min-width: 992px) {
  .c-login-form__clearBtn {
    font-size: 0.75rem;
  }
}
.c-login-form__hidden {
  visibility: hidden;
  height: 0px !important;
}
.c-login-form-error * {
  font-size: 0.875rem;
  line-height: 185%;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  color: #B20F0F;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .c-login-form-error * {
    font-size: 1rem;
  }
}
.c-login-form-fielderror {
  border: 2px solid #B20F0F !important;
  border-bottom: 3px solid #B20F0F !important;
}
.c-login-form .errors {
  padding: 5px 0 0;
}
.c-login-form .errors * {
  font-size: 0.625rem;
  line-height: 100%;
  word-break: break-word;
  font-family: "Poppins Medium", sans-serif;
  color: #B20F0F;
  list-style: none;
}
@media (min-width: 992px) {
  .c-login-form .errors * {
    font-size: 0.75rem;
  }
}
.c-login__title--moreTop {
  margin-top: 32px;
}
.c-login__text {
  margin: 16px 0 32px;
}
.c-login__text a {
  font-size: 0.875rem;
  line-height: 185%;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  color: #26535B;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}
@media (min-width: 992px) {
  .c-login__text a {
    font-size: 1rem;
  }
}
.c-login__text a:hover, .c-login__text a:focus {
  text-decoration: none;
}
.c-login__text--avg {
  margin: 0 0 32px;
}
.c-login__text--center {
  text-align: center;
}
.c-login__text--lessBottom {
  margin-bottom: 16px;
}
.c-login__text--lessBottom div > *:last-child {
  margin-bottom: 0;
}
.c-login__text--noBottom {
  margin-bottom: 0;
}
.c-login__text--moreTop {
  margin-top: 32px;
}
.c-login__text--extraMoreTop {
  margin-top: 48px;
}
.c-login__text--signature {
  margin-bottom: -12px !important;
}
@media (min-width: 992px) {
  .c-login__text--signature {
    margin-bottom: -32px !important;
  }
}
.c-login__text--signature img {
  width: 150px !important;
}
.c-login-text p {
  font-size: 0.875rem;
  line-height: 185%;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  color: #00130E;
}
@media (min-width: 992px) {
  .c-login-text p {
    font-size: 1rem;
  }
}
.c-login-text a {
  font-size: 0.875rem;
  line-height: 185%;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  color: #26535B;
  text-decoration: underline;
  font-weight: 600;
  display: block;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .c-login-text a {
    font-size: 1rem;
  }
}
.c-login-text a:hover, .c-login-text a:focus {
  text-decoration: none;
}
.c-login-text--center {
  text-align: center;
}
.c-login-text--lilMoreTop {
  margin-top: 16px;
}
.c-login-text--moreBottom {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .c-login-text--moreBottom {
    margin-bottom: 48px;
  }
}
.c-login-text--noPadding p {
  margin-bottom: 0;
}
.c-login__logo {
  display: inline-block;
}
.c-login__logo img {
  height: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .c-login__logo img {
    height: 60px;
  }
}
.c-login .o-link {
  font-weight: 600;
}
.c-login .o-link--back {
  text-decoration: none;
}
.c-login .o-link--back:hover, .c-login .o-link--back:focus {
  text-decoration: underline;
}
.c-login-buttons {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .c-login-buttons {
    margin-top: 48px;
  }
}
.c-login-buttons .o-btn {
  width: 100%;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .c-login-buttons .o-btn {
    margin-bottom: 16px;
  }
}
.c-login-buttons .o-btn p {
  margin-bottom: unset;
}
.c-login .g-error {
  margin-bottom: 30px;
}