body.grey main::after {
  content: url(/assets/Slimleren/svg/bg-bottom.svg);
  position: fixed;
  bottom: -75px;
  margin-left: 50%;
  margin-right: 50%;
  left: -450px;
  text-align: center; }

/*# sourceMappingURL=Login_base.css.map */

main.pg-login, main.pg-forgot-pass, main.pg-enter-password {
  height: 100%;
  display: flex;
  align-items: center; }
  main.pg-login > .container, main.pg-forgot-pass > .container, main.pg-enter-password > .container {
    padding-bottom: 0; }
  main.pg-login.pg-login > .container, main.pg-forgot-pass.pg-login > .container, main.pg-enter-password.pg-login > .container {
    min-height: 640px; }
  main.pg-login.pg-forgot-pass > .container, main.pg-forgot-pass.pg-forgot-pass > .container, main.pg-enter-password.pg-forgot-pass > .container {
    min-height: 460px; }

/*# sourceMappingURL=Login_centerAll.css.map */

main.pg-enter-password .card > .content {
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  main.pg-enter-password .card > .content label {
    width: 120px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600; }
  main.pg-enter-password .card > .content .pt-button {
    margin-top: 20px; }
  main.pg-enter-password .card > .content .svgHolder {
    padding-left: 40px; }
    main.pg-enter-password .card > .content .svgHolder .svg-icon {
      width: 100px; }

/*# sourceMappingURL=Login_enterPassword.css.map */

.pg-login .tabs-block, .pg-forgot-pass .tabs-block, .pg-enter-password .tabs-block {
  width: 706px;
  margin-left: auto;
  margin-right: auto; }
.pg-login.pg-enter-password .card, .pg-forgot-pass.pg-enter-password .card, .pg-enter-password.pg-enter-password .card {
  padding: 15px; }
.pg-login.pg-login .card .content, .pg-login.pg-forgot-pass .card .content, .pg-forgot-pass.pg-login .card .content, .pg-forgot-pass.pg-forgot-pass .card .content, .pg-enter-password.pg-login .card .content, .pg-enter-password.pg-forgot-pass .card .content {
  padding: 15px 50px 20px 20px; }
.pg-login.pg-enter-password .card .content, .pg-forgot-pass.pg-enter-password .card .content, .pg-enter-password.pg-enter-password .card .content {
  padding: 20px; }
  .pg-login.pg-enter-password .card .content .formSvgHolder .svgHolder, .pg-forgot-pass.pg-enter-password .card .content .formSvgHolder .svgHolder, .pg-enter-password.pg-enter-password .card .content .formSvgHolder .svgHolder {
    margin-left: 50px; }
.pg-login .card .title-container, .pg-forgot-pass .card .title-container, .pg-enter-password .card .title-container {
  margin-bottom: 20px; }
  .pg-login .card .title-container .title, .pg-forgot-pass .card .title-container .title, .pg-enter-password .card .title-container .title {
    font-weight: 600;
    font-size: 32px;
    display: inline-block;
    text-decoration: underline; }
  .pg-login .card .title-container .subTitle, .pg-forgot-pass .card .title-container .subTitle, .pg-enter-password .card .title-container .subTitle {
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    font-weight: 400; }
    .pg-login .card .title-container .subTitle.block, .pg-forgot-pass .card .title-container .subTitle.block, .pg-enter-password .card .title-container .subTitle.block {
      display: block;
      margin-left: 0; }
.pg-login .card .formSvgHolder, .pg-forgot-pass .card .formSvgHolder, .pg-enter-password .card .formSvgHolder {
  display: flex;
  align-items: center; }
  .pg-login .card .formSvgHolder .form, .pg-forgot-pass .card .formSvgHolder .form, .pg-enter-password .card .formSvgHolder .form {
    flex: 1; }
    .pg-login .card .formSvgHolder .form .form-row, .pg-forgot-pass .card .formSvgHolder .form .form-row, .pg-enter-password .card .formSvgHolder .form .form-row {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 400px) {
        .pg-login .card .formSvgHolder .form .form-row, .pg-forgot-pass .card .formSvgHolder .form .form-row, .pg-enter-password .card .formSvgHolder .form .form-row {
          flex-direction: column;
          align-items: start;
          gap: 8px; }
          .pg-login .card .formSvgHolder .form .form-row.button-holder, .pg-forgot-pass .card .formSvgHolder .form .form-row.button-holder, .pg-enter-password .card .formSvgHolder .form .form-row.button-holder {
            margin-top: 0 !important; } }
      .pg-login .card .formSvgHolder .form .form-row:not(:first-child), .pg-forgot-pass .card .formSvgHolder .form .form-row:not(:first-child), .pg-enter-password .card .formSvgHolder .form .form-row:not(:first-child) {
        margin-top: 12px; }
        .pg-login .card .formSvgHolder .form .form-row:not(:first-child).button-holder, .pg-forgot-pass .card .formSvgHolder .form .form-row:not(:first-child).button-holder, .pg-enter-password .card .formSvgHolder .form .form-row:not(:first-child).button-holder {
          margin-top: 20px; }
      .pg-login .card .formSvgHolder .form .form-row .pt-textField, .pg-forgot-pass .card .formSvgHolder .form .form-row .pt-textField, .pg-enter-password .card .formSvgHolder .form .form-row .pt-textField {
        width: 100%;
        flex: 1; }
      .pg-login .card .formSvgHolder .form .form-row label, .pg-forgot-pass .card .formSvgHolder .form .form-row label, .pg-enter-password .card .formSvgHolder .form .form-row label {
        display: inline-block;
        width: 110px;
        font-size: 13px;
        font-weight: 600; }
        .pg-login .card .formSvgHolder .form .form-row label.checkbox, .pg-forgot-pass .card .formSvgHolder .form .form-row label.checkbox, .pg-enter-password .card .formSvgHolder .form .form-row label.checkbox {
          color: #999; }
  .pg-login .card .formSvgHolder .svgHolder, .pg-forgot-pass .card .formSvgHolder .svgHolder, .pg-enter-password .card .formSvgHolder .svgHolder {
    margin-left: 100px;
    min-width: 140px; }
    @media screen and (max-width: 560px) {
      .pg-login .card .formSvgHolder .svgHolder, .pg-forgot-pass .card .formSvgHolder .svgHolder, .pg-enter-password .card .formSvgHolder .svgHolder {
        display: none; } }
    .pg-login .card .formSvgHolder .svgHolder .svg-icon, .pg-forgot-pass .card .formSvgHolder .svgHolder .svg-icon, .pg-enter-password .card .formSvgHolder .svgHolder .svg-icon {
      height: 140px; }
.pg-login .under-text, .pg-forgot-pass .under-text, .pg-enter-password .under-text {
  margin-top: 10px;
  text-align: center;
  line-height: 26px;
  color: #777;
  z-index: 100;
  position: relative; }
  .pg-login .under-text a, .pg-forgot-pass .under-text a, .pg-enter-password .under-text a {
    text-decoration: underline; }
  .pg-login .under-text .forgot-pass-link-parents, .pg-forgot-pass .under-text .forgot-pass-link-parents, .pg-enter-password .under-text .forgot-pass-link-parents {
    display: none; }

/*# sourceMappingURL=Login_login.css.map */

.pt-student-teacher-login-tab .login-sso {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .pt-student-teacher-login-tab .login-sso .explanation {
    color: #999999;
    padding-right: 50px;
    flex: 1;
    line-height: 22px; }
.pt-student-teacher-login-tab .orUseEmail {
  display: block;
  margin: 20px 50px 30px;
  position: relative;
  text-align: center; }
  .pt-student-teacher-login-tab .orUseEmail .line {
    background: #dfe4eb;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: 9px;
    z-index: 0; }
  .pt-student-teacher-login-tab .orUseEmail .text {
    background: #FFF;
    color: #999999;
    z-index: 1;
    display: inline-block;
    position: relative;
    padding: 0 20px; }
.pt-student-teacher-login-tab .hrParent {
  position: absolute;
  width: 100%;
  display: inline-block;
  left: 0;
  height: 2px;
  top: calc(50% - 1px);
  z-index: -1; }
  @media screen and (min-width: 768px) {
    .pt-student-teacher-login-tab .hrParent {
      padding-left: 13%;
      padding-right: 13%; } }
  .pt-student-teacher-login-tab .hrParent .line {
    background: #dfe4eb;
    height: 2px;
    width: 100%;
    margin: 0; }
  .pt-student-teacher-login-tab .hrParent .text {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px; }

/*# sourceMappingURL=Login_studentTeacherLoginTab.css.map */