.login-header-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid #42b2fc;
  width: 100%;
}
.login-header {
  margin: 0 0 2px;
  align-items: flex-end;
  font-size: 14px;
  min-height: 70px;
}
.login-header .header-right {
  display: flex;
  flex-flow: row nowrap;
}
.header-help--phone,
.header-help--wasap {
  padding: 6px 0 6px 35px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.header-sep {
  border-right: 1px solid #d7e4f1;
  margin: 0 17px 0 8px;
}
.header-help--phone {
  background-image: url(./images/7a9d17fbbf9f7e7820c1.png);
  background-size: 21px 21px;
  background-repeat: no-repeat;
  min-height: 21px;
  background-position: 7px center;
}
@media (min-resolution: 1.5dppx) {
.header-help--phone {
    background-image: url(./images/d1d1d507ff6e93d07264.png);
    background-size: 21px 21px;
}
}
.header-help--wasap {
  min-height: 26px ;
  background-image: url(./images/382da09b5013e20d65e4.png);
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
}
.header-help--wasap span {
  margin-left: 5px;
}
.header-help--faqs {
  background-image: url(./images/e5afd0eca4afffad82f4.png);
  background-size: 27px 29px;
  background-repeat: no-repeat;
  width: 27px;
  height: 29px;
}
.header-help--faqs:hover {
  background-image: url(./images/0442267e0a8b628cf606.png);
}
.header-help--faqs:active {
  background-image: url(./images/7feb253f8693b8d7666f.png);
}
@media (min-resolution: 1.5dppx) {
.header-help--faqs {
    background-image: url(./images/8c42f679ce7d1484c9cb.png);
    background-size: 27px 29px;
}
.header-help--faqs:hover {
    background-image: url(./images/b885f6ad01d3b02bf3eb.png);
}
.header-help--faqs:active {
    background-image: url(./images/b8a8e1677488a85bb4b3.png);
}
}

.button.facebook-button {
  padding: 12px 5px 12px 40px;
  color: white;
  background-color: #1877f2;
  border-radius: 5px;
  background-image: url(./images/23cef6a3dd7729a09017.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 28px 28px;
  font-size: 14px;
}
.button.facebook-button:hover {
  background-color: #3587f2;
}
.button.facebook-button:active {
  background-color: #1a6fdd;
}

.iconed-input {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.iconed-input ::-webkit-input-placeholder {
  /* Edge */
  color: #9eaab6;
}
.iconed-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9eaab6;
}
.iconed-input ::placeholder {
  color: #9eaab6;
}
.iconed-input .icon-over-right {
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translate(50%, -50%);
}
.iconed-input .input-text {
  border-radius: 10px;
  border: solid 2px #d7e4f1;
  padding: 0.75em 3em 0.75em 1em;
  background: white;
  font-size: 1em;
}
.iconed-input .input-text.error {
  border-color: #eab5b6;
}
.iconed-input .input-text:focus {
  outline: none;
  border-color: #3e3e3e;
}
.iconed-input .input-text.input-text-readonly {
  background-color: #e1eff9;
  border-color: #d7e4f1;
  color: #3e3e3e;
}
.iconed-input .input-text.input-text-readonly:focus {
  border-color: #f0f5fa;
}
.iconed-input .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}
.iconed-input .icon.icon-user {
  width: 1.1em;
  height: 1.4em;
  background-image: url(./images/220a095d9c71757ac880.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain !important;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-user {
    background-image: url(./images/dc531b0cdd482ce11872.png);
    background-size: contain;
}
}
.iconed-input .icon.icon-password {
  width: 1.5em;
  height: 1.5em;
  background-image: url(./images/a33b5117e1be270813da.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain !important;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password {
    background-image: url(./images/29c49187b0c0c81cc34d.png);
    background-size: contain;
}
}
.iconed-input .icon.icon-email {
  width: 1.5em;
  height: 1.5em;
  background-image: url(./images/1ec9e297bbaf10c1f369.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain !important;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-email {
    background-image: url(./images/2d4d48656b2d73c7b1df.png);
    background-size: contain;
}
}
.iconed-input .icon.icon-password-show {
  width: 3em;
  height: 3em;
  background-image: url(./images/ec22bb4a1078f01c0b56.png);
  background-size: 1.6em 0.9em;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-show {
    background-image: url(./images/78bd058f0582a7a04c6e.png);
    background-size: 1.6em 0.9em;
}
}
.iconed-input .icon.icon-password-show:hover {
  background-image: url(./images/a4fb9f9d673cebded87b.png);
  background-size: 1.6em 0.9em;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-show:hover {
    background-image: url(./images/72da702c52c2c89ed2da.png);
    background-size: 1.6em 0.9em;
}
}
.iconed-input .icon.icon-password-show:active {
  background-image: url(./images/7f9b834b76b6f9840a7f.png);
  background-size: 1.6em 0.9em;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-show:active {
    background-image: url(./images/c9edba1f1d515dd591d1.png);
    background-size: 1.6em 0.9em;
}
}
.iconed-input .icon.icon-password-hide {
  width: 3em;
  height: 3em;
  background-image: url(./images/5946fe8a68c04945fdf2.png);
  background-size: 1.6em 1.35em;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-hide {
    background-image: url(./images/ebe71023055167cc1058.png);
    background-size: 1.6em 1.35em;
}
}
.iconed-input .icon.icon-password-hide:hover {
  background-image: url(./images/3fc96831642628e28e65.png);
  background-size: 1.6em 1.35em;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-hide:hover {
    background-image: url(./images/c00c5a4cae06767023cb.png);
    background-size: 1.6em 1.35em;
}
}
.iconed-input .icon.icon-password-hide:active {
  background-image: url(./images/1ff781c738b06d230e76.png);
  background-size: 1.6em 1.35em;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.iconed-input .icon.icon-password-hide:active {
    background-image: url(./images/3413eb211b94e1dae1ff.png);
    background-size: 1.6em 1.35em;
}
}

.app-box-login-form {
  font-weight: bold;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  margin: auto;
  position: relative;
  text-align: center;
  font-size: 20px;
  width: 400px;
}
@media (max-width: 420px) {
.app-box-login-form {
    width: 98%;
}
}
@media (min-width: 501px) {
.app-box-login-form {
    background: #fff;
    border: solid 2px #ceeafc;
    border-radius: 30px;
    padding: 35px 45px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
}
@media (max-width: 500px) {
.app-box-login-form {
    padding: 55px 2px;
}
}
.app-box-login-form h3 {
  font-size: 1.5em;
  margin: 0 0 0.6em;
}
.app-box-login-form .close-button {
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  background-image: url(./images/f5fed15a8efdd48b8cca.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 25px;
  right: 25px;
}
@media (min-resolution: 1.5dppx) {
.app-box-login-form .close-button {
    background-image: url(./images/c7e3cab411523b97f187.png);
    background-size: contain;
}
}

.app-spacer {
  margin: 30px 5px 30px;
  border-radius: 1px;
  border: 1px solid #d7e4f1;
}

.new-login {
  font-weight: bold;
}
.new-login .google-sign-in-button {
  height: 40px;
}
.new-login-scrollable {
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
}
@media (max-width: 500px) {
.new-login-scrollable {
    width: 90%;
}
.new-login-scrollable .iconed-input {
    font-size: 18px;
}
}
@media (max-width: 450px) {
.new-login-scrollable {
    width: 96%;
}
.new-login-scrollable .iconed-input {
    font-size: 18px;
}
}
@media (min-width: 500px) {
.new-login-scrollable {
    width: 100%;
    align-items: center;
}
.new-login-scrollable .iconed-input {
    font-size: 20px;
}
}
@media (min-width: 1000px) {
.new-login-scrollable {
    width: 1000px;
}
}
.new-login p.intro-login {
  margin: 0.2em 0 0.8em;
}
.new-login .iconed-input {
  margin: 0.5em 0;
}
.new-login .forgot-password {
  text-align: right;
  font-size: 0.75em;
}
.new-login .send-button {
  margin: 25px 0 0;
}
@media (max-height: 700px) {
.new-login .send-button {
    margin: 15px 0 0;
}
}
.new-login .google-sign-in-button {
  align-self: center;
}
.new-login .facebook-button {
  margin: 20px 0 0;
}
.new-login .signup-link {
  color: #8997a5;
  font-size: 0.8em;
}

.user-credentials-google {
  padding-top: 10px;
}
.user-credentials-google .google-sign-in-button {
  height: 40px;
}
.user-credentials-withpass {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 20px;
}
.user-credentials-withpass p.intro-header {
  margin: 0.8em auto 1em;
}
.user-credentials-withpass .iconed-input {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 20px;
}
.user-credentials-withpass .forgot-password {
  display: block;
  text-align: right;
}
.user-credentials-withpass .send-button {
  margin: 30px 0 0;
  font-size: 1.2em;
  font-weight: bold;
}
.user-credentials-withpass .link-cancel {
  color: #c80315;
  margin: 10px 0;
}
.user-credentials-withpass .facebook-button {
  margin: 10px 0;
}
.mobile-view .user-credentials-withpass {
  max-width: 400px;
  margin: 0 auto;
}
.desktop-view .user-credentials-withpass {
  margin: 0 10px;
  width: 380px;
}
.separator {
  margin: 20px -10px;
  border-top: solid 1px #d7e4f1;
  border-bottom: none;
}

.tutorial-balloon {
  --arrow-x: 0px;
  position: absolute;
  width: 380px;
  max-width: calc(100vw - 40px);
  padding: 5px 25px;
  border-radius: 10px;
  border: solid 2px #835bba;
  background-color: #9c77cf;
  color: white;
  z-index: 2;
  cursor: default;
  text-align: left;
  white-space: normal;
}
.tutorial-balloon.bottom-right {
  top: 100%;
  right: -10px;
  transform: translateY(10px);
}
.tutorial-balloon.bottom-left {
  top: 100%;
  left: 10px;
  transform: translateY(10px);
}
.tutorial-balloon.top-left {
  bottom: 100%;
  left: 10px;
  transform: translateY(10px);
}
.tutorial-balloon.bottom-center {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 10px);
}
.tutorial-balloon.left-bottom {
  top: 0;
  left: 0;
  transform: translate(-105%, -5px);
}
.tutorial-balloon.right-bottom {
  top: 0;
  right: 0;
  transform: translate(105%, -5px);
}
.tutorial-balloon .tutorial-balloon__content__title {
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-size: 18px;
}
.tutorial-balloon .tutorial-ballon__content__text p {
  font-size: 14px;
  margin-block-start: 1em;
  margin-block-end: 0.7em;
}
.tutorial-balloon .tutorial-balloon__content__buttons {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 10px;
}
.tutorial-balloon .tutorial-balloon__content__buttons .tutorial-balloon__bt-close {
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 6px;
}
.tutorial-balloon .tutorial-balloon__content__buttons .tutorial-balloon__bt-next {
  border-radius: 10px;
  border: solid 1px #fff;
  background-color: #835bba;
  padding: 13px 23px;
  color: white;
  cursor: pointer;
}
.tutorial-balloon .tutorial-balloon__content__buttons .tutorial-balloon__bt-next:hover {
  background-color: #ac83e5;
}
.tutorial-balloon .tutorial-balloon__content__buttons .tutorial-balloon__bt-next:active {
  background-color: #6b44a1;
}
.tutorial-balloon .tutorial-ballon__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  transform: translateX(var(--arrow-x));
}
.tutorial-balloon .tutorial-ballon__arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.tutorial-balloon .tutorial-ballon__arrow.bottom-right,
.tutorial-balloon .tutorial-ballon__arrow.bottom-left,
.tutorial-balloon .tutorial-ballon__arrow.bottom-center {
  top: -10px;
  border-width: 0 12px 10px 12px;
  border-color: transparent transparent #835bba transparent;
}
.tutorial-balloon .tutorial-ballon__arrow.bottom-right:after,
.tutorial-balloon .tutorial-ballon__arrow.bottom-left:after,
.tutorial-balloon .tutorial-ballon__arrow.bottom-center:after {
  border-width: 0 10px 8px 10px;
  border-color: transparent transparent #9c77cf transparent;
  top: 2px;
  left: -10px;
}
.tutorial-balloon .tutorial-ballon__arrow.bottom-right {
  right: 15px;
}
.tutorial-balloon .tutorial-ballon__arrow.bottom-left {
  left: 15px;
}
.tutorial-balloon .tutorial-ballon__arrow.bottom-center {
  left: 50%;
  transform: translateX(-50%);
}
.tutorial-balloon .tutorial-ballon__arrow.top-right,
.tutorial-balloon .tutorial-ballon__arrow.top-left,
.tutorial-balloon .tutorial-ballon__arrow.top-center {
  bottom: -10px;
  border-width: 10px 12px 0 12px;
  border-color: #835bba transparent transparent transparent;
}
.tutorial-balloon .tutorial-ballon__arrow.top-right:after,
.tutorial-balloon .tutorial-ballon__arrow.top-left:after,
.tutorial-balloon .tutorial-ballon__arrow.top-center:after {
  border-width: 8px 10px 0 10px;
  border-color: #9c77cf transparent transparent transparent;
  top: -10px;
  left: -10px;
}
.tutorial-balloon .tutorial-ballon__arrow.top-left {
  left: 15px;
}
.tutorial-balloon .tutorial-ballon__arrow.left-bottom {
  top: 25px;
  right: -2px;
  transform: translateX(10px) translateY(-50%);
  border-width: 12px 0 12px 10px;
  border-color: transparent transparent transparent #835bba;
}
.tutorial-balloon .tutorial-ballon__arrow.left-bottom:after {
  border-width: 10px 0 10px 8px;
  border-color: transparent transparent transparent #9c77cf;
  top: -10px;
  left: -12px;
}
.tutorial-balloon .tutorial-ballon__arrow.right-bottom {
  top: 25px;
  left: -20px;
  transform: translateX(10px) translateY(-50%);
  border-width: 12px 10px 12px 0;
  border-color: transparent #835bba transparent transparent;
}
.tutorial-balloon .tutorial-ballon__arrow.right-bottom:after {
  border-width: 10px 8px 10px 0;
  border-color: transparent #9c77cf transparent transparent;
  top: -10px;
  left: 2px;
}

.parent-access-content {
  position: relative;
}
.parent-access-content .bt-wp-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
  margin-top: 2em;
}
.parent-access-content h3.parent-access-content-title {
  font-size: 1.4em;
  margin: 0.5em auto 0;
  text-align: center;
}
.parent-access-content .buttons-spacer {
  height: 10px;
}
.parent-access-content .button-wp {
  text-align: left;
  padding: 20px 5px 20px 90px;
  border-radius: 10px;
  border: solid 1px #c7d6e4;
  background-color: white;
  cursor: pointer;
  color: #3e3e3e;
  width: 346px;
  margin-bottom: 10px;
  font-weight: bold;
  background-position-y: center;
}
.parent-access-content .button-wp:hover {
  border: solid 1px #c7d6e4;
  background-color: #eef5fc;
}
.parent-access-content .button-wp:active {
  border: solid 1px #c7d6e4;
  background-color: #97aec5;
  color: white;
}
.parent-access-content .button-wp.button-wp-wp {
  background-image: url(./images/e4d9c015ba78d223c0a4.png);
  background-size: 29px 29px;
  background-repeat: no-repeat;
  background-position-x: 30px;
  color: #42b1fb;
  border-color: #42b1fb;
}
.parent-access-content .button-wp.button-wp-wp:hover {
  background-image: url(./images/e4d9c015ba78d223c0a4.png);
}
.parent-access-content .button-wp.button-wp-wp:active {
  background-image: url(./images/f5ea54296c8636fe8462.png);
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .button-wp.button-wp-wp {
    background-image: url(./images/d9401d72fe81b78b47cc.png);
    background-size: 29px 29px;
}
.parent-access-content .button-wp.button-wp-wp:hover {
    background-image: url(./images/d9401d72fe81b78b47cc.png);
}
.parent-access-content .button-wp.button-wp-wp:active {
    background-image: url(./images/8976f9602a4fe6f4d4b6.png);
}
}
.parent-access-content .button-wp.button-wp-wp:active {
  color: white;
  border-color: #c7d6e4;
}
.parent-access-content .button-wp.button-wp-account {
  background-image: url(./images/358d4a65dadf28325479.png);
  background-size: 23px 28px;
  background-repeat: no-repeat;
  background-position-x: 34px;
}
.parent-access-content .button-wp.button-wp-account:hover {
  background-image: url(./images/a0015c7cdf30d9cf9f18.png);
}
.parent-access-content .button-wp.button-wp-account:active {
  background-image: url(./images/14710aaf72fe244022ab.png);
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .button-wp.button-wp-account {
    background-image: url(./images/b7e66b903a6753d2421f.png);
    background-size: 23px 28px;
}
.parent-access-content .button-wp.button-wp-account:hover {
    background-image: url(./images/1a53b1524955d19f0435.png);
}
.parent-access-content .button-wp.button-wp-account:active {
    background-image: url(./images/94ef854ff243027459e1.png);
}
}
.parent-access-content .button-wp.button-wp-suscription {
  background-image: url(./images/67f4f0f531ed7be0b616.png);
  background-size: 21px 25px;
  background-repeat: no-repeat;
  background-position-x: 35px;
}
.parent-access-content .button-wp.button-wp-suscription:hover {
  background-image: url(./images/b6708e3f26ed31ba6c4d.png);
}
.parent-access-content .button-wp.button-wp-suscription:active {
  background-image: url(./images/630eb3011de8ab7c350f.png);
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .button-wp.button-wp-suscription {
    background-image: url(./images/bf2cad28436ea01cd325.png);
    background-size: 21px 25px;
}
.parent-access-content .button-wp.button-wp-suscription:hover {
    background-image: url(./images/b4b0b252c169f847a131.png);
}
.parent-access-content .button-wp.button-wp-suscription:active {
    background-image: url(./images/3de75bde29300acfadc1.png);
}
}
.parent-access-content .button-wp.button-wp-new-student {
  background-image: url(./images/404ef940be1d5405656e.png);
  background-size: 31px 32px;
  background-repeat: no-repeat;
  background-position-x: 30px;
}
.parent-access-content .button-wp.button-wp-new-student:hover {
  background-image: url(./images/c53ce1cdfa1d675126cd.png);
}
.parent-access-content .button-wp.button-wp-new-student:active {
  background-image: url(./images/d25a2fcb369fd8d32926.png);
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .button-wp.button-wp-new-student {
    background-image: url(./images/05fed31f4475b217e062.png);
    background-size: 31px 32px;
}
.parent-access-content .button-wp.button-wp-new-student:hover {
    background-image: url(./images/b6838dfda76bc8f2cf26.png);
}
.parent-access-content .button-wp.button-wp-new-student:active {
    background-image: url(./images/a40e96d129b1091a2a1e.png);
}
}
.parent-access-content .button-wp.button-wp-tutorials {
  background-image: url(./images/8efc0c3222b9d8cabf83.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position-x: 32px;
}
.parent-access-content .button-wp.button-wp-tutorials:hover {
  background-image: url(./images/b2f9f98bc14f98b623fb.png);
}
.parent-access-content .button-wp.button-wp-tutorials:active {
  background-image: url(./images/66047cfa856d44a027bb.png);
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .button-wp.button-wp-tutorials {
    background-image: url(./images/cc54dd3ce3e327be0881.png);
    background-size: 27px 27px;
}
.parent-access-content .button-wp.button-wp-tutorials:hover {
    background-image: url(./images/f3776786e17f5535df64.png);
}
.parent-access-content .button-wp.button-wp-tutorials:active {
    background-image: url(./images/d3d4fb67714758da6647.png);
}
}
.parent-access-content .bt-wp-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 30px;
  height: 30px;
  background-position: center;
  cursor: pointer;
  background-image: url(./images/f5fed15a8efdd48b8cca.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .bt-wp-close {
    background-image: url(./images/c7e3cab411523b97f187.png);
    background-size: 24px 24px;
}
}
.parent-access-content .wp-protect-account-row {
  text-align: left;
  white-space: nowrap;
  position: relative;
}
.parent-access-content .button-wp-protect-account {
  width: 49px;
  height: 30px;
  border-radius: 15px;
  position: relative;
  background-color: #c7d6e4;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.parent-access-content .button-wp-protect-account:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: white;
}
.parent-access-content .button-wp-protect-account.on {
  background-color: #53d769;
}
.parent-access-content .button-wp-protect-account.on:after {
  left: unset;
  right: 1px;
}
.parent-access-content .help-info {
  border-top: solid 1px #d7e4f1;
  padding-top: 20px;
  text-align: center;
  font-size: 0.9em;
  line-height: 2em;
}
.parent-access-content .help-info .help-info--doubts,
.parent-access-content .help-info .link-recommend {
  color: #42b2fc;
}
.parent-access-content .help-info span {
  display: inline-block;
  vertical-align: middle;
}
.parent-access-content .help-info .help-info--vertsep {
  width: 1px;
  height: 18px;
  background-color: #d7e4f1;
  margin: 0 10px;
}
.parent-access-content .help-info .help-info-phone {
  background-image: url(./images/7a9d17fbbf9f7e7820c1.png);
  background-size: 13px 13px;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: center left;
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .help-info .help-info-phone {
    background-image: url(./images/d1d1d507ff6e93d07264.png);
    background-size: 13px 13px;
}
}
.parent-access-content .help-info .help-info-wasap {
  background-image: url(./images/cefe224b883116efb475.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  padding: 3px 0 3px 20px;
  background-position: center left;
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .help-info .help-info-wasap {
    background-image: url(./images/382da09b5013e20d65e4.png);
    background-size: 18px 18px;
}
}
.parent-access-content .icon-show-tooltip {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(./images/2d4f169d92b25b1e9efa.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: -8px;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
.parent-access-content .icon-show-tooltip {
    background-image: url(./images/6fdc10f81eb18dbd4a9b.png);
    background-size: 16px 16px;
}
}
.desktop-view .parent-access-menu {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(232, 244, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.desktop-view .parent-access-menu .parent-access-content {
  border-radius: 20px;
  box-shadow: 0px -14px 101px 0 rgba(12, 43, 94, 0.32);
  border: solid 2px #d8ecfa;
  background-color: #fff;
  padding: 25px 60px;
}
.desktop-view .parent-access-menu .parent-access-content .bt-wp-buttons {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-height: 600px) {
.desktop-view .parent-access-menu {
    align-items: flex-start;
    overflow-y: auto;
}
}
.mobile-view .parent-access-content {
  padding: 20px 5px;
}
.mobile-view .parent-access-content .button-wp {
  border: solid 2px #d7e4f1;
}
.mobile-view .parent-access-content .bt-wp-close {
  top: 15px;
}
.mobile-view .help-info {
  max-width: 420px;
  margin: 0 auto;
}

.parent-login-list-wrapper {
  position: relative;
  height: 50px;
}
.parent-login-list {
  font-size: 16px;
  position: relative;
  z-index: 2;
  right: 0;
  top: 0;
  display: flex;
  border-radius: 10px;
  border: solid 2px #d7e4f1;
  padding: 0;
  flex-direction: column;
}
.parent-login-list.expanded {
  box-shadow: 0 0 10px 0 rgba(12, 43, 94, 0.32);
  border: solid 2px #d8ecfa;
  background-color: #fff;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.parent-login-list.expanded .current-parent {
  padding-top: 14px;
  padding-bottom: 13px;
}
.parent-login-list.expanded .current-parent .parent__name {
  color: #42b2fc;
}
.parent-login-list.expanded .current-parent .parent__username {
  min-height: 13px;
}
.parent-login-list.expanded .list-expanded {
  border-top: 2px solid #d7e4f1;
}
.parent-login-list.expanded .parent-entry {
  padding-top: 15px;
  padding-bottom: 15px;
}
.parent-login-list .list-expanded {
  padding: 0 20px;
  overflow-y: scroll;
}
.desktop-view .parent-login-list {
  max-height: 60px;
  transition: max-height 0.5s ease-in-out;
}
.desktop-view .parent-login-list.expanded {
  max-height: calc(100vh - 60px);
}
.only-others .parent-login-list {
  border: none;
}
.only-others .login--another--account {
  margin: 0;
  background-color: white;
}
.mobile-view.only-others .login--another--account a {
  border: none;
  padding-left: 0;
}
.mobile-view.only-others .login--another--account a:hover {
  background-color: white;
}
.current-parent,
.parent-entry {
  cursor: pointer;
}
.current-parent {
  position: relative;
  min-width: 250px;
  padding: 6px 40px 7px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.parent__name {
  color: #5e5e5e;
  font-weight: bold;
}
.parent__username {
  font-size: 0.7em;
  color: #8a8080;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parent__other-students {
  font-size: 0.7em;
  color: #8a8080;
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
  list-style-type: circle;
}
.parent__other-students li {
  padding: 0 0 2px 0;
}
.label__change-account {
  padding: 20px 0 0;
  font-size: 0.8em;
  color: #3e3e3e;
}
.parent-entry {
  border-bottom: 2px solid #e9f1f9;
  padding: 10px 0 4px;
}
.parent-entry.centered {
  text-align: center;
}
.parent-entry .button.bo-button {
  width: 100%;
  padding: 15px 5px;
}
.current-parent__actions {
  position: absolute;
  right: 15px;
  top: 10px;
}
.current-parent__actions .current-parent__actions__collapse,
.current-parent__actions .current-parent__actions__expand {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
}
.current-parent__actions .current-parent__actions__collapse {
  background-image: url(./images/1fada9413feb237ffe29.png);
  background-size: 13px 7px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.current-parent__actions .current-parent__actions__collapse {
    background-image: url(./images/2d10bb887de40a58e6b7.png);
    background-size: 13px 7px;
}
}
.current-parent__actions .current-parent__actions__expand {
  background-image: url(./images/f2775cbe3a6aa10aa092.png);
  background-size: 13px 7px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.current-parent__actions .current-parent__actions__expand {
    background-image: url(./images/1bf8b65d53ee119eec70.png);
    background-size: 13px 7px;
}
}
.login--another--account {
  margin: 10px 0;
  text-align: center;
}
.login--another--account a {
  display: inline-block;
  margin: auto;
  color: #5fbefc;
  font-weight: bold;
  padding: 14px 24px;
  border-radius: 10px;
  border: solid 1px #42b1fb;
}
.login--another--account a:hover {
  text-decoration: none;
  border-color: #42b2fc;
  color: #5fbefc;
  background-color: #eef5fc;
}
.login--another--account a:active {
  color: white;
  border-color: #c7d6e4;
  background-color: #97aec5;
}
.parent-login-list-footer {
  display: flex;
  justify-content: center;
  flex-direction: row;
  color: #8a8080;
  font-size: 0.6em;
  white-space: nowrap;
  padding: 20px 10px;
  border-top: 2px solid #d7e4f1;
}
.parent-login-list-footer .parent-login-list-footer__vert-separator {
  height: 12px;
  width: 1px;
  background-color: #e9f1f9;
  margin: 0 10px;
}
.desktop-view .current-parent {
  min-height: 45px;
}
.desktop-view .parent-login-list.expanded .current-parent {
  min-height: 58px;
}
.mobile-view .parent-login-list-wrapper .parent-login-list.collapsed {
  position: static;
  border: none;
  padding: 0;
}
.mobile-view .parent-login-list-wrapper .parent-login-list.collapsed .current-parent__actions {
  top: unset;
  bottom: 0;
}
.mobile-view .parent-login-list-wrapper .parent-login-list.expanded {
  position: absolute;
  top: 45px;
  width: 98%;
  left: 1%;
}
.mobile-view .parent-login-list-wrapper .parent-login-list.expanded .current-parent {
  padding-top: 40px;
}
.mobile-view .parent-login-list-wrapper.expanded {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(232, 244, 255, 0.6);
}
.mobile-view .parent-login-list-wrapper.expanded .current-parent__actions {
  top: 20px;
  right: 20px;
}
.mobile-view .collapsed .current-parent {
  padding-left: 0;
}
.mobile-view .current-parent {
  min-width: auto;
}
.mobile-view .current-parent__actions .current-parent__actions__collapse {
  background-image: url(./images/f5fed15a8efdd48b8cca.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .current-parent__actions .current-parent__actions__collapse {
    background-image: url(./images/c7e3cab411523b97f187.png);
    background-size: 24px 24px;
}
}

.session-product-status {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid #c7d6e4;
  border-radius: 50%;
}
.session-product-status .img-session-done {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 7px;
  background-image: url(./images/5f5c468b53454d060b3b.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.session-product-status .img-session-done {
    background-image: url(./images/7b9fb816cc62df2291e7.png);
    background-size: contain;
}
}
.session-product-status:hover .session-product-status--tooltip {
  display: block;
}
.session-product-status .session-product-status--tooltip {
  display: none;
  font-size: 10px;
  position: absolute;
  top: 25px;
  left: 5px;
  z-index: 1;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: normal;
  background-color: white;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid rgba(223, 230, 236, 0.75);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.session-product-status .session-product-status--tooltip:before {
  content: '';
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: rgba(223, 230, 236, 0.75);
}
.session-product-status .session-product-status--tooltip:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: white;
}
.session-product-status .session-product-status--tooltip .session-status {
  background-position: 2px center;
}
.session-product-status .session-product-status--tooltip .session-status.INICIADA {
  color: #8a8080;
  padding: 0 16px;
  background-image: url(./images/0ec23e90d35bda9388ef.png);
  background-size: 12px 11px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.session-product-status .session-product-status--tooltip .session-status.INICIADA {
    background-image: url(./images/41f162da84bf4e7ab6da.png);
    background-size: 12px 11px;
}
}
.session-product-status .session-product-status--tooltip .session-status.REALIZADA {
  color: #42B2FC;
  padding: 0 14px;
  background-image: url(./images/5f5c468b53454d060b3b.png);
  background-size: 8px 7px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.session-product-status .session-product-status--tooltip .session-status.REALIZADA {
    background-image: url(./images/7b9fb816cc62df2291e7.png);
    background-size: 8px 7px;
}
}
.session-product-status .session-product-status--tooltip .session-status.NO_REALIZADA {
  color: #fba62d;
  padding: 2px 18px;
  position: relative;
  background-image: url(./images/0651713843c1c94520e1.png);
  background-size: 13px 13px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.session-product-status .session-product-status--tooltip .session-status.NO_REALIZADA {
    background-image: url(./images/04776fa32b71734f4c36.png);
    background-size: 13px 13px;
}
}

.session-status-by-product[data-v-c0b1e7f6] {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
.session-status-by-product[data-v-c0b1e7f6] {
    justify-content: flex-start;
}
}
.session-status-by-product .session-status-by-product--label[data-v-c0b1e7f6] {
  margin-right: 5px;
  font-size: 12px;
}

.student-login {
  display: inline-block;
  text-align: center;
  width: 200px;
  border-radius: 12px;
  margin: 10px 20px;
  position: relative;
  font-weight: bold;
}
.student-login .student-login-content {
  border: solid 1px #d7e4f1;
  box-shadow: 0 5px 13px 0 rgba(119, 171, 207, 0.23);
  border-radius: 12px;
  background-color: #fff;
  position: relative;
}
.student-login .student-login__header {
  padding-top: 7px;
  height: 32px;
  font-size: 13px;
  border-radius: 12px 12px 0 0;
  margin: -1px -1px 7px -1px;
}
.student-login .student-login__header.ENDING {
  border: solid 1px #f36d21;
  background-color: #fff0e7;
  color: #f36d21;
}
.student-login .student-login__header.INACTIVE {
  border: solid 1px #f36d21;
  background-color: #fff0e7;
  color: #f36d21;
}
.student-login .student-login__header.ACTIVE {
  border: solid 1px #30a2ed;
  background-color: #ddeffb;
  color: #30a2ed;
}
.student-login .student-login__header.PAUSED {
  border: solid 1px #cdd7e4;
  background-color: #eff2f6;
  color: #6b738a;
}
.student-login.student-login-hidden .student-login__header,
.student-login.student-login-hidden .avatar_row,
.student-login.student-login-hidden .student-data {
  opacity: 0.4;
}
.student-login .button.button-login {
  color: #3e3e3e;
  border: solid 1px #c7d6e4;
  background-color: white;
}
.student-login .button.button-login:hover {
  background-color: #edf3f7;
}
.student-login .student-login__body {
  cursor: pointer;
  font-weight: bold;
}
.student-login .student-login__body .button.button-suscribe {
  color: white;
  background-color: #f36d21;
}
.student-login .student-login__body:hover .button.button-login {
  background-color: #edf3f7;
}
.student-login .student-login__body:hover .button.button-suscribe {
  background-color: rgba(243, 109, 33, 0.75);
}
.student-login .student-login__body:active .button.button-login {
  background-color: #97aec5;
  color: white;
}
.student-login .student-login__body:active .button.button-suscribe {
  background-color: #f36d21;
}
.student-login .student-login__body.selected .circle_avatar img {
  animation: bounce;
  animation-duration: 1s;
  animation-timing-function: ease;
}
.student-login .circle_avatar {
  border: solid 2px #e2ebf1;
  background-color: #edf6fc;
  width: 88px;
  height: 88px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.student-login .circle_avatar img {
  width: 60px;
  height: 80px;
}
.student-login .student-data {
  margin: 0 10px;
}
.student-login .student-name {
  height: 35px;
  padding-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.student-login .session_status {
  height: 25px;
}
.student-login .row_action {
  height: 67px;
}
.student-login .button {
  width: 166px;
  height: 51px;
  padding: revert;
  border-radius: 10px;
  font-weight: bold;
}
.student-login .password-form .student-password {
  padding: 5px 5px;
}
.student-login .password-form .student-rememeber {
  font-size: 0.8em;
  color: #9ea9b5;
  padding: 3px 10px;
}
.student-login .password-form .student-rememeber input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: middle;
}
.student-login .password-form .student-pass-fogotten {
  font-size: 0.8em;
  color: #9ea9b5;
  display: block;
  padding: 5px 3px;
  margin: 5px 0;
  text-align: center;
}
.student-login .badge-chess-premium {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 69px;
  height: 69px;
  background-image: url(./images/93da4b441fe3c37f5903.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.student-login .badge-chess-premium {
    background-image: url(./images/7cf3f732f3e02d11bc3c.png);
    background-size: contain;
}
}
.student-login .button.button-subscribe-chess {
  background-color: #febc01;
  position: relative;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.student-login .button.button-subscribe-chess span {
  padding-top: 20px;
  font-size: 13px;
  color: #3e3e3e;
  background-image: url(./images/a500e05d9eb52168b42c.png);
  background-size: 19px 15px;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (min-resolution: 1.5dppx) {
.student-login .button.button-subscribe-chess span {
    background-image: url(./images/087c42830142a1d0f4bd.png);
    background-size: 19px 15px;
}
}
.student-login .subscribe-to-premium-section {
  background-color: #febc01;
  cursor: pointer;
  height: 40px;
  position: absolute;
  border-radius: 0 0 12px 12px;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 10px;
  transform: translateY(-10px);
  box-shadow: 0 5px 13px 0 rgba(119, 171, 207, 0.23);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.student-login .subscribe-to-premium-section span {
  font-size: 12px;
  background-image: url(./images/a500e05d9eb52168b42c.png);
  background-size: 19px 15px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 15px 0 25px;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
.student-login .subscribe-to-premium-section span {
    background-image: url(./images/087c42830142a1d0f4bd.png);
    background-size: 19px 15px;
}
}
.student-login .subscribe-to-premium-section span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 7px;
  background-image: url(./images/ff75f9778357a0d82560.png);
  background-size: 7px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-resolution: 1.5dppx) {
.student-login .subscribe-to-premium-section span:after {
    background-image: url(./images/b19a7258a2905f7cddba.png);
    background-size: 7px 13px;
}
}
.desktop-view .student-login .bt-edit-student {
  position: absolute;
  top: -8px;
  right: -16px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #42b2fc;
  cursor: pointer;
  background-image: url(./images/a7e5b1c6636deac88dc5.png);
  background-size: 30px 26px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-resolution: 1.5dppx) {
.desktop-view .student-login .bt-edit-student {
    background-image: url(./images/2f7a39daf0092be766d7.png);
    background-size: 30px 26px;
}
}
.desktop-view .student-login .bt-edit-student:hover {
  background-color: #78c7fc;
}
.desktop-view .student-login.student-login-hidden .bt-edit-student {
  background-image: url(./images/3c8000f97440399b8b18.png);
  background-size: 31px 16px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.desktop-view .student-login.student-login-hidden .bt-edit-student {
    background-image: url(./images/12fa9ae4c146f068dfca.png);
    background-size: 31px 16px;
}
}
.mobile-view .student-login {
  width: auto;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.mobile-view .student-login.chess-free {
  margin: 10px 0 35px;
}
.mobile-view .student-login .student-login__header {
  padding: 4px 5px;
  height: auto;
  margin-bottom: 0;
  font-size: 10px;
}
.mobile-view .student-login .session_status {
  height: auto;
}
.mobile-view .student-login .student-login__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  text-align: left;
}
.mobile-view .student-login .student-login__body .row_action {
  height: 51px;
  padding-right: 6px;
}
.mobile-view .student-login .student-login__body .row_action .button {
  width: 100px;
  font-size: 14px;
  padding: 0 10px;
}
.mobile-view .student-login .student-login__body .row_action .button.button-login:not(.button-login-chess) {
  background-image: url(./images/bc4f8c4b57aa6cd32201.png);
  background-size: 20px 18px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: rgba(62, 62, 62, 0.38);
  padding-left: 30px;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .student-login .student-login__body .row_action .button.button-login:not(.button-login-chess) {
    background-image: url(./images/3f04d073b9c632a44777.png);
    background-size: 20px 18px;
}
}
.mobile-view .student-login .student-login__body .row_action .button.button-login.button-login-chess {
  min-width: 150px;
}
.mobile-view .student-login .student-login__body .student-data {
  flex: 1;
  overflow: hidden;
}
.mobile-view .student-login .circle_avatar {
  width: 64px;
  height: 64px;
  margin: 5px 12px;
}
.mobile-view .student-login .circle_avatar img {
  width: 45px;
  height: 60px;
}
.mobile-view .student-login .bt-edit-student {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background-image: url(./images/efc80e51e5e2eb2b230a.png);
  background-size: 16px 22px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .student-login .bt-edit-student {
    background-image: url(./images/be734bd9868a1642b50f.png);
    background-size: 16px 22px;
}
}
.mobile-view .student-login .bt-edit-student:active {
  background-image: url(./images/c8aa30d97c3db3fa9405.png);
  background-size: 16px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .student-login .bt-edit-student:active {
    background-image: url(./images/0b3e6a81f29455017c95.png);
    background-size: 16px 22px;
}
}
.mobile-view .student-login.student-login-hidden .bt-edit-student {
  background-image: url(./images/84f440a4837d729d68fb.png);
  background-size: 25px 24px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .student-login.student-login-hidden .bt-edit-student {
    background-image: url(./images/258f135fc3fd6ccf6f7c.png);
    background-size: 25px 24px;
}
}
.mobile-view .student-login.student-login-hidden .bt-edit-student:active {
  background-image: url(./images/0660b9658138badc7d69.png);
  background-size: 25px 24px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .student-login.student-login-hidden .bt-edit-student:active {
    background-image: url(./images/955f33690621cbe3f152.png);
    background-size: 25px 24px;
}
}
.mobile-view .student-login .subscribe-to-premium-section {
  width: 200px;
  right: 0px;
  max-width: 100%;
  left: auto;
}
.chess-view .desktop-view .student-login {
  margin: 10px 20px 40px;
}
@keyframes bounce {
0% {
    transform: scale(1, 1) translateY(0);
}
10% {
    transform: scale(1.1, 0.9) translateY(0);
}
30% {
    transform: scale(0.9, 1.1) translateY(-10px);
}
50% {
    transform: scale(1.05, 0.95) translateY(0);
}
57% {
    transform: scale(1, 1) translateY(-2px);
}
64% {
    transform: scale(1, 1) translateY(0);
}
100% {
    transform: scale(1, 1) translateY(0);
}
}
.student-login.highlighted {
  animation: highlight-grow 0.5s alternate 6 ease-in-out;
}
@keyframes highlight-grow {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.05);
}
}

.loginvue-modal-panel {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(232, 244, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loginvue-modal-panel .loginvue-modal-panel-content {
  border-radius: 20px;
  box-shadow: -5px -5px 100px 10px rgba(12, 43, 94, 0.32);
  border: solid 2px #d8ecfa;
  background-color: #fff;
  padding: 25px 90px;
  display: flex;
  flex-direction: column;
  max-width: 98%;
}

.login-vue-modal-confirm {
  text-align: center;
  font-size: 1.2em;
}
.login-vue-modal-confirm .modal-confirm-head {
  max-width: 400px;
}
.login-vue-modal-confirm .close-link {
  padding: 10px;
  color: #c80315;
  margin: 20px auto 10px;
}

.empty-child-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-child-list .empty-child-list-background {
  pointer-events: none;
}
.empty-child-list .empty-child-list-background .action-box {
  pointer-events: all;
  border-radius: 12px;
  box-shadow: 0px 5px 13px 0 rgba(119, 171, 207, 0.23);
  border: solid 1px #d7e4f1;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.empty-child-list .empty-child-list-background .action-box .action-box-icon {
  border-radius: 50%;
  object-fit: contain;
  border: solid 2px #e2ebf1;
  background-color: #edf6fc;
  background-image: url(./images/91f0b8438fba7c20a57a.png);
  background-size: 52px 52px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-resolution: 1.5dppx) {
.empty-child-list .empty-child-list-background .action-box .action-box-icon {
    background-image: url(./images/19ea33b8c995960499ef.png);
    background-size: 52px 52px;
}
}
.empty-child-list .empty-child-list-background .action-box:hover {
  box-shadow: 0 5px 13px 0 rgba(119, 171, 207, 0.23);
  border: solid 1px #42b2fc;
}
.empty-child-list .empty-child-list-background .action-box:hover .action-box-icon {
  border-color: #42b2fc;
}
.empty-child-list .empty-child-list-background .action-box:active .action-box-icon {
  background-image: url(./images/d8d7c7faec52b635cc8b.png);
  background-size: 52px 52px;
  background-repeat: no-repeat;
  background-color: #b9e3ff;
}
@media (min-resolution: 1.5dppx) {
.empty-child-list .empty-child-list-background .action-box:active .action-box-icon {
    background-image: url(./images/1170818f65f28a07a423.png);
    background-size: 52px 52px;
}
}
.empty-child-list .empty-child-list-background .action-box-text {
  font-weight: bold;
  text-align: center;
  margin: 30px 3px;
  font-size: 18px;
}
.empty-child-list .start-today-trial {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #42b2fc;
  margin-top: 20px;
  margin-bottom: 50px;
}
.desktop-view .empty-child-list {
  margin-top: -50px;
}
.desktop-view .empty-child-list .empty-child-list-background {
  width: 718px;
  height: 417px;
  background-image: url(./images/1849e438b3388c2bff43.png);
  background-size: 718px 417px;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
.desktop-view .empty-child-list .empty-child-list-background {
    background-image: url(./images/d73e5689c1f3fc6d6bc1.png);
    background-size: 718px 417px;
}
}
.desktop-view .empty-child-list .empty-child-list-background .action-box {
  position: absolute;
  top: 35px;
  left: 50%;
  width: 205px;
  height: 260px;
  transform: translateX(-50%);
  padding: 39px 35px;
  flex-direction: column;
}
.desktop-view .empty-child-list .empty-child-list-background .action-box .action-box-icon {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
}
.mobile-view .empty-child-list {
  margin-top: 0;
}
.mobile-view .empty-child-list .empty-child-list-background {
  height: 325px;
  background-image: url(./images/d9556ee802fd7f8bba36.png);
  background-size: 378px 214px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .empty-child-list .empty-child-list-background {
    background-image: url(./images/727ce7e43173bd630520.png);
    background-size: 378px 214px;
}
}
.mobile-view .empty-child-list .empty-child-list-background .action-box {
  margin-top: 40px;
  flex-direction: row;
}
.mobile-view .empty-child-list .empty-child-list-background .action-box .action-box-icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  margin: 0 12px;
}
.mobile-view .empty-child-list .action-box-text {
  text-align: left;
}
@media (max-width: 375px) {
.mobile-view .empty-child-list .action-box-text {
    font-size: 16px;
}
}

.credentials-for-login {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(232, 244, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.credentials-for-login .credentials-for-login-content {
  border-radius: 20px;
  box-shadow: 0px -14px 101px 0 rgba(12, 43, 94, 0.32);
  border: solid 2px #d8ecfa;
  background-color: #fff;
  padding: 25px 60px;
  position: relative;
}
.credentials-for-login .bt-wp-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 30px;
  height: 30px;
  background-position: center;
  cursor: pointer;
  background-image: url(./images/f5fed15a8efdd48b8cca.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.credentials-for-login .bt-wp-close {
    background-image: url(./images/c7e3cab411523b97f187.png);
    background-size: 24px 24px;
}
}
.credentials-for-login h3.parent-access-content-title {
  font-size: 1.4em;
  margin: 0.5em auto 0;
  text-align: center;
}

.mobile-view  .chess-view-switcher {
  align-self: flex-end;
}
.chess-view-switcher {
  --border-radius: 8px;
  --total-width: 190px;
  --timing: 0.5s;
  margin: 0 15px 0 15px;
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr;
  background-color: #e6edee;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  border-radius: var(--border-radius);
  text-align: center;
  height: 26px;
  place-items: stretch;
  justify-items: stretch;
}
.chess-view-switcher .smartick-zone {
  padding: 0 10px 0 20px;
  transition: all var(--timing) ease-in-out;
}
.chess-view-switcher .chess-zone {
  padding: 0 20px 0 10px;
  transition: all var(--timing) ease-in-out;
}
.chess-view-switcher span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  color: #a8acad;
  border-radius: var(--border-radius);
  position: relative;
}
.chess-view-switcher i.icon-view {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  grid-template-columns: 1fr 1fr;
  background-color: #e6edee;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  background-position: center;
}
.chess-view-switcher i.icon-view.icon-smartick {
  background-image: url(./images/0db67b505b959726ce01.png);
  background-size: 13px 15px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.chess-view-switcher i.icon-view.icon-smartick {
    background-image: url(./images/ca4f20067ab882dd6080.png);
    background-size: 13px 15px;
}
}
.chess-view-switcher i.icon-view.icon-chess {
  background-image: url(./images/d3eda48d68e98dd643d9.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.chess-view-switcher i.icon-view.icon-chess {
    background-image: url(./images/87804749c2d84845d246.png);
    background-size: 20px 20px;
}
}
.chess-view-switcher i.icon-view.icon-fixed {
  transform: translateX(-50%);
  transition: background-color var(--timing) ease-in-out;
  top: -2px;
}
.chess-view-switcher i.icon-view.icon-fixed.icon-smartick {
  left: 0;
}
.chess-view-switcher i.icon-view.icon-fixed.icon-chess {
  left: 100%;
}
.chess-view-switcher.smartick-view .smartick-zone {
  background-color: #42b2fc;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  color: white;
}
.chess-view-switcher.smartick-view i.icon-fixed.icon-smartick {
  background-color: #42b2fc;
}
.chess-view-switcher.chess-view .chess-zone {
  background-color: #dc880d;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  color: white;
}
.chess-view-switcher.chess-view i.icon-fixed.icon-chess {
  background-color: #dc880d;
}
.chess-view-switcher .icon-combined {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: -2px;
  left: 0%;
  transform: translateX(-50%);
}
.chess-view-switcher .icon-combined .icon-chess,
.chess-view-switcher .icon-combined .icon-smartick {
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease-in-out;
}
.chess-view-switcher.chess-view .icon-combined {
  left: 100%;
}
.chess-view-switcher.chess-view .icon-combined .icon-chess {
  background-color: #dc880d;
  opacity: 1;
}
.chess-view-switcher.smartick-view .icon-combined {
  left: 0%;
}
.chess-view-switcher.smartick-view .icon-combined .icon-smartick {
  background-color: #42b2fc;
  opacity: 1;
}
.chess-view-switcher.animating .icon-combined {
  display: block;
}
.chess-view-switcher.animating.chess-view .icon-combined {
  animation: icon-move-tochess var(--timing) ease-in-out;
}
.chess-view-switcher.animating.chess-view .icon-combined .icon-view {
  animation: icon-rotate-tochess var(--timing) ease-in-out;
}
.chess-view-switcher.animating.smartick-view .icon-combined {
  animation: icon-move-tochess var(--timing) ease-in-out reverse;
}
.chess-view-switcher.animating.smartick-view .icon-combined .icon-view {
  animation: icon-rotate-tochess var(--timing) ease-in-out reverse;
}
@keyframes icon-move-tochess {
0% {
    left: 0%;
}
100% {
    left: 100%;
}
}
@keyframes icon-rotate-tochess {
0% {
    rotate: 0;
}
100% {
    rotate: 360deg;
}
}

.banner-try-smartick[data-v-16ed1935] {
  margin: 0 auto 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  max-width: 100%;
}
.banner-try-smartick .text-big[data-v-16ed1935],
.banner-try-smartick .text-small[data-v-16ed1935] {
  display: none;
}
.banner-try-smartick .btn-trysmartick[data-v-16ed1935] {
  cursor: pointer;
}
.banner-try-smartick .main-text[data-v-16ed1935] {
  flex: 350px 1 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -30px 0 -30px;
}
@media (min-width: 900px) {
.banner-try-smartick[data-v-16ed1935] {
    height: 70px;
    max-width: 992px;
    border-radius: 12px;
    background-image: url(./images/c13c26341e5a52babd6f.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.banner-try-smartick .text-big[data-v-16ed1935] {
    display: inline-block;
}
.banner-try-smartick .main-text[data-v-16ed1935] {
    color: #215e7f;
    font-size: 17px;
}
.banner-try-smartick .left-side[data-v-16ed1935] {
    flex: 296px 0 1;
    background-position: right top;
}
.banner-try-smartick .right-side[data-v-16ed1935] {
    flex: 332px 0 1;
    background-position: left top;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/282b3d2de11e1bc2a879.png);
    background-size: 296px 71px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_MATHS .right-side[data-v-16ed1935] {
    background-image: url(./images/41f1e3a0a43d662ee810.png);
    background-size: 332px 71px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    flex-basis: 293px;
    background-image: url(./images/17ae2c222292cd885850.png);
    background-size: 293px 70px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_MATHS_LECTURA .right-side[data-v-16ed1935] {
    background-image: url(./images/3cbac5d56a9f94366415.png);
    background-size: 332px 71px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/97614b52ef9059717f45.png);
    background-size: 296px 70px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_LECTURA .right-side[data-v-16ed1935] {
    background-image: url(./images/e3edf61c66e7b47b785b.png);
    background-size: 332px 71px;
    background-repeat: no-repeat;
}
.banner-try-smartick .btn-trysmartick[data-v-16ed1935] {
    --bt-color-background-color-top: #f36121;
    --bt-color-background-color-bottom: #f67f3b;
    --bt-color-shadow-color: #ca510d;
    background-image: linear-gradient(to top, var(--bt-color-background-color-bottom), var(--bt-color-background-color-top));
    text-decoration: none;
    color: white;
    white-space: nowrap;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 11px;
}
.banner-try-smartick .btn-trysmartick[data-v-16ed1935]:active {
    background: var(--bt-color-background-color-top);
    text-decoration: none;
    box-shadow: none;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick[data-v-16ed1935] {
    background-image: url(./images/f80e8a38ba7ccf321bbe.png);
    background-size: 100% 100%;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/9c3e7343575fde1f4a92.png);
    background-size: 296px 71px;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS .right-side[data-v-16ed1935] {
    background-image: url(./images/461663b6cab828c38027.png);
    background-size: 332px 71px;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/51604c76662aa2a842a1.png);
    background-size: 293px 70px;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS_LECTURA .right-side[data-v-16ed1935] {
    background-image: url(./images/56282117d5ea70f9bbb4.png);
    background-size: 332px 71px;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/c40d6df81b360c1dacc9.png);
    background-size: 296px 70px;
}
}
@media (min-width: 900px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_LECTURA .right-side[data-v-16ed1935] {
    background-image: url(./images/cf568ef299c9ca4dd0ce.png);
    background-size: 332px 71px;
}
}
@media (min-width: 900px) and (hover: hover) {
.banner-try-smartick .btn-trysmartick[data-v-16ed1935]:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to top, var(--bt-color-background-color-bottom), var(--bt-color-background-color-top));
    text-decoration: none;
}
}
@media (max-width: 899px) {
.banner-try-smartick[data-v-16ed1935] {
    height: 136px;
    max-width: 680px;
    border-radius: 16px;
    background-image: url(./images/87644c5df0a82b80937e.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: grid;
    justify-content: stretch;
    grid-template-columns: auto 360px;
    grid-template-rows: 47px 89px;
}
.banner-try-smartick .text-small[data-v-16ed1935] {
    display: inline-block;
}
.banner-try-smartick .main-text[data-v-16ed1935] {
    grid-column: 1 / span 2;
    grid-row: 1;
    color: white;
    font-size: 25px;
}
.banner-try-smartick .left-side[data-v-16ed1935] {
    background-position: right top;
}
.banner-try-smartick .right-side[data-v-16ed1935] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.banner-try-smartick .btn-trysmartick[data-v-16ed1935] {
    font-weight: 600;
}
.banner-try-smartick .btn-trysmartick[data-v-16ed1935]:after {
    content: "";
    width: 9px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-image: url(./images/ff75f9778357a0d82560.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/2ba6a7136ae6d3e242f7.png);
    background-size: 314px 89px;
    background-repeat: no-repeat;
    max-width: 314px;
}
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/2ba6a7136ae6d3e242f7.png);
    background-size: 314px 89px;
    background-repeat: no-repeat;
    max-width: 314px;
}
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/e7111ac85d7a850792a4.png);
    background-size: 314px 89px;
    background-repeat: no-repeat;
    max-width: 314px;
}
}
@media (max-width: 899px) and (min-resolution: 1.5dppx) {
.banner-try-smartick[data-v-16ed1935] {
    background-image: url(./images/98bbecb475ae1edf4370.png);
    background-size: 100% 100%;
}
}
@media (max-width: 899px) and (min-resolution: 1.5dppx) {
.banner-try-smartick .btn-trysmartick[data-v-16ed1935]:after {
    background-image: url(./images/b19a7258a2905f7cddba.png);
    background-size: contain;
}
}
@media (max-width: 899px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/d965076c67a346c313d4.png);
    background-size: 314px 89px;
}
}
@media (max-width: 899px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/d965076c67a346c313d4.png);
    background-size: 314px 89px;
}
}
@media (max-width: 899px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/7550f86241bdd576bb58.png);
    background-size: 314px 89px;
}
}
@media (max-width: 700px) {
.banner-try-smartick[data-v-16ed1935] {
    height: 75px;
    width: 368px;
    background-image: url(./images/7bb6909912e0cb9cfdf9.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    grid-template-columns: auto 227px;
    grid-template-rows: 26px 49px;
}
.banner-try-smartick .main-text[data-v-16ed1935] {
    font-size: 14px;
}
.banner-try-smartick .right-side[data-v-16ed1935] {
    font-size: 14px;
}
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/15fe31b9250be1f44584.png);
    background-size: 141px 49px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/1a27ad776f1293777fd9.png);
    background-size: 141px 49px;
    background-repeat: no-repeat;
}
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/717ae74108bd2122239f.png);
    background-size: 141px 49px;
    background-repeat: no-repeat;
}
}
@media (max-width: 700px) and (min-resolution: 1.5dppx) {
.banner-try-smartick[data-v-16ed1935] {
    background-image: url(./images/713c149c781fca8d2a20.png);
    background-size: 100% 100%;
}
}
@media (max-width: 700px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS .left-side[data-v-16ed1935] {
    background-image: url(./images/3b9eab4aac5f7b61f01a.png);
    background-size: 141px 49px;
}
}
@media (max-width: 700px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_MATHS_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/7171f84649a2790e4392.png);
    background-size: 141px 49px;
}
}
@media (max-width: 700px) and (min-resolution: 1.5dppx) {
.banner-try-smartick.TRY_LECTURA .left-side[data-v-16ed1935] {
    background-image: url(./images/7614d8bcfacd3006e115.png);
    background-size: 141px 49px;
}
}

.student-login-dashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  height: 100%;
}
.student-login-dashboard .header-right {
  height: 70px;
  display: flex;
  align-items: center;
}
.student-login-dashboard .login-header .vert-separator {
  height: 48px;
  width: 1px;
  background-color: #e9f1f9;
  margin: 0 15px;
}
.student-login-dashboard .login-header .button-logout {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-right: -8px;
  background-position: center center;
  background-image: url(./images/1891bc1c2a0c5440224a.png);
  background-size: 21px 21px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .login-header .button-logout {
    background-image: url(./images/72b335fb7e629f75fc7b.png);
    background-size: 21px 21px;
}
}
.student-login-dashboard .login-header .show-tutorial-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(./images/4907180d5f48b3337769.png) center center no-repeat;
  background-size: 19px 21px;
  cursor: pointer;
}
.student-login-dashboard .header-message {
  background-color: #42b2fc;
  align-self: stretch;
}
.student-login-dashboard .content-dashboard {
  flex-grow: 1;
  align-self: stretch;
}
.student-login-dashboard .wp-button-edit {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  background-position: center center;
}
.student-login-dashboard .wp-button-edit span.icon {
  opacity: 0.4;
  background-image: url(./images/70c9710f1a3b9cfa1383.png);
  background-size: 24px 23px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .wp-button-edit span.icon {
    background-image: url(./images/d79906f589aed4fe0554.png);
    background-size: 24px 23px;
}
}
.student-login-dashboard .wp-button-edit.edit-enabled {
  cursor: pointer;
}
.student-login-dashboard .wp-button-edit.edit-enabled span.icon {
  opacity: 1;
  background-image: url(./images/9090bde9febcad0e3f1e.png);
  background-size: 19px 19px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .wp-button-edit.edit-enabled span.icon {
    background-image: url(./images/7c55353283c0bd576c28.png);
    background-size: 19px 19px;
}
}
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon {
  background-image: url(./images/cea7943435d85e2f698f.png);
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon:hover {
  background-image: url(./images/8429151e7a4335c1fecc.png);
}
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon:active {
  background-image: url(./images/019a834f7d1b55dc8073.png);
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon {
    background-image: url(./images/f8ea660b362ac57b686f.png);
    background-size: 22px 22px;
}
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon:hover {
    background-image: url(./images/f1e3b267680d79331892.png);
}
.student-login-dashboard .wp-button-edit.edit-enabled.cancel-edit span.icon:active {
    background-image: url(./images/6790953e68010172617c.png);
}
}
.student-login-dashboard .wp-button-edit .wp-button-edit-warn {
  position: absolute;
  background: white;
  border: solid 2px #d8ecfa;
  padding: 5px 10px;
  border-radius: 10px;
  width: 300px;
  text-align: center;
  top: 50%;
  left: -5px;
  font-size: 0.8em;
  opacity: 0;
  pointer-events: none;
  transform: translate(-100%, -50%);
  transition: opacity 0.3s;
  z-index: 2;
}
.student-login-dashboard .wp-button-edit .wp-button-edit-warn.visible {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: hover) {
.student-login-dashboard .wp-button-edit:hover .wp-button-edit-warn {
    opacity: 1;
}
}
.student-login-dashboard .wp-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp {
  display: flex;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button {
  padding: 15px 25px;
  font-weight: bold;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-wp-wrapper {
  position: relative;
  margin-left: 30px;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-wp {
  border-radius: 10px;
  border: solid 1px #42b2fc;
  background-color: #fff;
  color: #3e3e3e;
  z-index: 1;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-wp:hover {
  background-color: #eef8ff;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-wp:active {
  background-color: #daf0ff;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-teacher {
  border-radius: 10px;
  border: solid 1px #fba62d;
  background-color: #fff;
  color: #3e3e3e;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-teacher:hover {
  background-color: #fff3e3;
}
.student-login-dashboard .wp-buttons .wp-buttons-bo-wp .wp-button-teacher:active {
  background-color: #ffecd2;
}
.student-login-dashboard .students-logins-column {
  display: flex;
  align-items: center;
  justify-content: center;
}
.student-login-dashboard .students-logins {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.student-login-dashboard .login-other-account {
  box-shadow: 0px -20px 20px 0 rgba(235, 245, 255, 0.8);
  border-top: solid 1px #d7e4f1;
  background-color: #42b2fc;
  color: white;
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  align-self: stretch;
  font-weight: bold;
  z-index: 1;
}
.student-login-dashboard .login-other-account:hover {
  text-decoration: underline;
}
.student-login-dashboard .login-other-account span {
  background-image: url(./images/ce34cb02e9539c844ddf.png);
  background-size: 16px 15px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .login-other-account span {
    background-image: url(./images/3593fec95f8bc8d5f63f.png);
    background-size: 16px 15px;
}
}
.student-login-dashboard .wp-button-bo {
  position: relative;
}
.student-login-dashboard .wp-button-bo .wp-button-bo-remove {
  position: absolute;
  top: -8px;
  right: -16px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #cd0404;
  background-color: #e64c65;
  cursor: pointer;
  background-image: url(./images/b2d03cb53e9e3ef3438e.png);
  background-size: 14px 19px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-resolution: 1.5dppx) {
.student-login-dashboard .wp-button-bo .wp-button-bo-remove {
    background-image: url(./images/612f699a487de5fec019.png);
    background-size: 14px 19px;
}
}
.student-login-dashboard .wp-button-bo .wp-button-bo-remove:hover {
  background-color: #fa7187;
  border-color: #cd0404;
}
.student-login-dashboard .wp-button-bo .wp-button-bo-remove:active {
  background-color: #cd0404;
  border-color: #cd0404;
}
.student-login-dashboard .fade-enter-active,
.student-login-dashboard .fade-leave-active {
  transition: opacity 0.5s;
}
.student-login-dashboard .fade-enter,
.student-login-dashboard .fade-leave-to {
  opacity: 0;
}
.bg-decoration {
  margin: auto;
  background-position: center top;
}
@media (min-width: 700px) and (max-width: 999px) {
.smartick-view .bg-decoration {
    height: 220px;
    width: 98%;
    background-image: url(./images/a2758ea0ed4de2f7a64a.png);
    background-size: contain;
    background-repeat: no-repeat;
}
}
@media (min-width: 700px) and (max-width: 999px) and (min-resolution: 1.5dppx) {
.smartick-view .bg-decoration {
    background-image: url(./images/a9b686da3e3f88d402a0.png);
    background-size: contain;
}
}
@media (min-width: 1000px) and (max-width: 1299px) {
.smartick-view .bg-decoration {
    height: 255px;
    background-image: url(./images/a2758ea0ed4de2f7a64a.png);
    background-size: 999px 217px;
    background-repeat: no-repeat;
}
}
@media (min-width: 1000px) and (max-width: 1299px) and (min-resolution: 1.5dppx) {
.smartick-view .bg-decoration {
    background-image: url(./images/a9b686da3e3f88d402a0.png);
    background-size: 999px 217px;
}
}
@media (min-width: 1300px) {
.smartick-view .bg-decoration {
    height: 320px;
    background-image: url(./images/e3c7a2ca9c58ad3d3f7e.png);
    background-size: 1298px 282px;
    background-repeat: no-repeat;
}
}
@media (min-width: 1300px) and (min-resolution: 1.5dppx) {
.smartick-view .bg-decoration {
    background-image: url(./images/e63765ab61e1d652f564.png);
    background-size: 1298px 282px;
}
}
@media (min-width: 700px) and (max-width: 1179px) {
.chess-view .bg-decoration {
    height: 260px;
    width: 98%;
    background-image: url(./images/3404478e3eef032fe43b.png);
    background-size: contain;
    background-repeat: no-repeat;
}
}
@media (min-width: 700px) and (max-width: 1179px) and (min-resolution: 1.5dppx) {
.chess-view .bg-decoration {
    background-image: url(./images/5df87c5fadf04713ce4e.png);
    background-size: contain;
}
}
@media (min-width: 1180px) {
.chess-view .bg-decoration {
    height: 360px;
    background-image: url(./images/3404478e3eef032fe43b.png);
    background-size: 1153px 340px;
    background-repeat: no-repeat;
}
}
@media (min-width: 1180px) and (min-resolution: 1.5dppx) {
.chess-view .bg-decoration {
    background-image: url(./images/5df87c5fadf04713ce4e.png);
    background-size: 1153px 340px;
}
}
.desktop-view .students-logins {
  border: 2px solid transparent;
  padding: 10px 18px;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
.desktop-view .students-logins {
    max-width: 760px;
}
}
@media (max-width: 791px) {
.desktop-view .students-logins {
    max-width: 520px;
}
}
.desktop-view .students-logins.editing {
  background-color: #ddebf8;
  border: 2px dashed #8997a5;
  border-radius: 12px;
}
.mobile-view .wp-button-mobile-column {
  width: 368px;
}
@media (max-width: 385px) {
.mobile-view .wp-button-mobile-column {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
}
.mobile-view .wp-buttons {
  flex-direction: column;
  padding: 20px 0 5px;
}
.mobile-view .wp-buttons .wp-buttons-edit-wrapper {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
}
.mobile-view .wp-buttons .wp-buttons-edit-wrapper .wp-button-edit {
  margin-right: 0;
}
.mobile-view .wp-buttons .wp-buttons-edit-wrapper .wp-button-edit .wp-button-edit-warn {
  left: -300px;
}
.mobile-view .wp-buttons .wp-buttons-bo-wp {
  flex-direction: column;
  margin-top: 10px;
}
.mobile-view .wp-buttons .wp-buttons-bo-wp .wp-button {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mobile-view .wp-buttons .wp-buttons-bo-wp .wp-button-wp-wrapper {
  margin-left: 0;
}
.mobile-view .wp-buttons .wp-buttons-bo-wp .wp-button-wp-wrapper .wp-button-wp,
.mobile-view .wp-buttons .wp-buttons-bo-wp .wp-button-wp-wrapper .wp-button-teacher {
  width: 100%;
}
.mobile-view .students-logins-column {
  border-top: 2px solid #d5e6f8;
}
.mobile-view .students-logins {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 30px;
}
.mobile-view .students-logins > div {
  width: 100%;
}
.mobile-view .warn-session-mobile {
  box-shadow: 0 0 7.5px 0 rgba(72, 84, 89, 0.5);
  background-color: #dce9f6;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mobile-view .warn-session-mobile .warn-session-mobile-content {
  font-weight: bold;
  font-size: 0.8em;
  padding: 15px 20px 15px 70px;
  background-image: url(./images/bc4f8c4b57aa6cd32201.png);
  background-size: 32px 29px;
  background-repeat: no-repeat;
  background-position: 20px 15px;
  margin: auto;
  max-width: 370px;
}
@media (min-resolution: 1.5dppx) {
.mobile-view .warn-session-mobile .warn-session-mobile-content {
    background-image: url(./images/3f04d073b9c632a44777.png);
    background-size: 32px 29px;
}
}
@media (max-width: 450px) {
.mobile-view .warn-session-mobile .warn-session-mobile-content {
    margin: 0 0 0 40px;
}
}
.mobile-view.student-login-dashboard .login-other-account {
  padding: 20px 0 45px;
}

.popup-iframe {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 244, 255, 0.6);
  top: 0;
  left: 0;
  text-align: center;
  z-index: 3;
}
.popup-iframe .popup-iframe__content {
  max-width: 700px;
  width: calc(100% - 20px);
  max-height: 600px;
  height: calc(100% - 70px);
  margin: 50px auto auto auto;
  position: relative;
  overflow: inherit;
}
.popup-iframe .popup-iframe__content iframe {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px -14px 101px 0 rgba(12, 43, 94, 0.32);
  border: solid 2px #d8ecfa;
}
.popup-iframe .btn-close-popup {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: none;
  background-image: url(./images/f5fed15a8efdd48b8cca.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
.popup-iframe .btn-close-popup {
    background-image: url(./images/c7e3cab411523b97f187.png);
    background-size: contain;
}
}

.login-dashboard.smartick-view {
  background-image: linear-gradient(to bottom, #fff, #e8f4ff);
}
.login-dashboard.chess-view {
  background-image: linear-gradient(to bottom, #fff, #fff9ea);
}
.login-dashboard--new-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.recover-password-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-size: 16px;
  max-width: 650px;
  text-align: center;
  padding-bottom: 60px;
}
.recover-password-form h3.title {
  font-size: 2em;
  margin: 0.2em auto 1em;
}
.recover-password-form h3.title .link-back {
  font-size: 0.8em;
  color: #7A7A7B;
  display: inline-flex;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin-right: 30px;
  background: url(./images/e96a55699320176a9594.svg) no-repeat center;
  background-size: cover;
}
.recover-password-form p {
  margin: 2em auto;
}
.recover-password-form .intro-info {
  margin: 0.2em auto 2em;
}
.recover-password-form .separator {
  height: 2px;
  margin: 2em auto;
  border-radius: 1px;
  background-color: #d7e4f1;
}
.recover-password-form .iconed-input {
  margin: 0.5em 0;
}
.recover-password-form .column-width {
  width: 400px;
}
.recover-password-form .link-cancel {
  color: #c80315;
}
.recover-password-form .recover-options {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  background-color: white;
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding: 0.5em 1em;
  margin-top: 2em;
}
@media (max-width: 700px) {
.recover-password-form .recover-options {
    padding: 0.5em 1em;
}
}
.recover-password-form .recover-options .recover-option {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  margin: 1em 0;
  padding-right: 3em;
}
@media (max-width: 700px) {
.recover-password-form .recover-options .recover-option {
    padding-right: 0;
}
}
.recover-password-form .recover-options .recover-option .recover-option-icon {
  width: 35px;
  height: 35px;
  margin-right: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid #cacaca;
  box-shadow: 0px 2px 0 0 rgba(255, 255, 255, 0.54), inset 0px 1px 2px 0 rgba(180, 180, 180, 0.86);
  position: relative;
  flex-shrink: 0;
}
.recover-password-form .recover-options .recover-option.selected .recover-option-icon:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: black;
  box-shadow: 0 0 2px 0 black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recover-password-form .recover-options .recover-option .recover-option-texts .recover-option-title {
  font-weight: bold;
}
.recover-password-form .recover-options .recover-option .recover-option-texts .recover-option-desc {
  font-size: 0.8em;
  margin-top: 0.4em;
}
.recover-password-form .recover-options .recover-option .recover-option-texts .option-recomended {
  display: inline-block;
  background: #fba62d;
  color: white;
  font-size: 0.6em;
  padding: 0.2em 0.5em;
  vertical-align: middle;
}
.recover-password-form .recover-options .send-button {
  align-self: center;
  padding: 15px 50px;
  margin: 1em auto;
}
.recover-password-form .error-message {
  font-size: 1em;
}
.recover-password-form .error-message .signup-link {
  margin-top: 0.5em;
}
.recover-password-form .error-message .signup-link a {
  display: inline-block;
  background: #00A7FA;
  color: white;
  border-radius: 3px;
  padding: 5px 8px;
  margin: 1em auto 0.5em;
}
.recover-password-form .error-message .signup-link a:hover {
  text-decoration: none;
  transform: scale(1.05);
}
@media (max-width: 700px) {
.recover-password-form {
    max-width: 90%;
    justify-content: flex-start;
}
.recover-password-form .column-width {
    max-width: 100%;
}
.recover-password-form h3 {
    margin: 1em auto 1em;
}
}

.recover-pass-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.simple-mask-input {
  border: 1px solid #d7e4f1;
}
.simple-mask-input:focus {
  outline: none;
  border-color: #3e3e3e;
}
.simple-mask-input.error {
  border-color: #eab5b6;
}

.recover-access {
  --bluey-grey: #8997a5;
}
.recover-access p {
  margin: 4px 0;
  font-size: 16px;
  text-align: left;
}
.recover-access .center {
  text-align: center;
}
.recover-access .f14 {
  font-size: 14px;
}
.recover-access .login-form-recover {
  gap: 15px;
}
.recover-access .login-form-recover h3 {
  margin-bottom: 10px;
}
.recover-access .login-form-recover .bt-continue {
  border-radius: 10px;
  border: solid 2px #d7e4f1;
  background-color: #30a2ed;
  color: white;
  height: 70px;
  cursor: pointer;
}
.recover-access .login-form-recover .bt-continue.bt-oneline {
  width: 215px;
}
.recover-access .login-form-recover .bt-continue.disabled {
  cursor: not-allowed;
  border: solid 2px #d7e4f1;
  background-color: var(--bluey-grey);
}
.recover-access .login-form-recover .lb-email {
  color: #42b2fc;
}
.recover-access .login-form-recover h4 {
  margin: 0;
}
.recover-access .login-form-recover .reg-input-code {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}
.recover-access .login-form-recover .reg-input-code .input-text-code {
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
.recover-access .login-form-recover .reg-input-code .input-text-code:focus {
  border-color: #30a2ed;
}
.recover-access .login-form-recover .reg-input-code .input-text-code.shake {
  animation: horizontal-shaking 0.3s 3 ease-in-out;
}
.recover-access .login-form-recover .link-request-new-code {
  color: #30a2ed;
  font-size: 20px;
  padding: 5px 60px 5px 0;
  background-image: url(./images/1eb1fb98bd93b35c6587.png);
  background-size: 36px 25px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media (min-resolution: 1.5dppx) {
.recover-access .login-form-recover .link-request-new-code {
    background-image: url(./images/e3ea32f0937cc38c8335.png);
    background-size: 36px 25px;
}
}
@keyframes horizontal-shaking {
0% {
    transform: translateX(0);
}
25% {
    transform: translateX(10px);
}
75% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0);
}
}

.recover-access-page {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}

svg.app-tick {
  display: inline-block;
  vertical-align: middle;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: tick 1s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes tick {
from {
    stroke-dashoffset: 100;
}
to {
    stroke-dashoffset: 0;
}
}

.enter-new-password {
  font-size: 18px;
  text-align: center;
  max-width: 450px;
}
.enter-new-password p {
  text-align: left;
  margin: 20px  0 20px;
}
.enter-new-password p.center {
  text-align: center;
}
.enter-new-password p.success {
  text-align: center;
}
.enter-new-password p.intro {
  font-size: 15px;
}
.enter-new-password .email-tutor {
  color: #30a2ed;
}
.enter-new-password .iconed-input {
  font-size: 20px;
}
.enter-new-password .spacer {
  height: 2em;
}
.enter-new-password .error-message {
  font-size: 1em;
}
.enter-new-password .errorCodigo {
  font-size: 1.2em;
  margin-bottom: 40px;
}
.enter-new-password .link-cancel {
  color: #c80315;
}
.enter-new-password .link-request-new-code {
  color: #30a2ed;
  font-size: 20px;
  padding: 5px 60px 5px 0;
  background-image: url(./images/1eb1fb98bd93b35c6587.png);
  background-size: 36px 25px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media (min-resolution: 1.5dppx) {
.enter-new-password .link-request-new-code {
    background-image: url(./images/e3ea32f0937cc38c8335.png);
    background-size: 36px 25px;
}
}
.enter-new-password .confirm-message em {
  font-style: normal;
  color: #30a2ed;
}
.tutor-password-feedback {
  font-size: 14px;
  text-align: left;
  margin: 20px 0 20px;
}
.tutor-password-feedback .error-message {
  text-align: left;
}
.tutor-password-feedback ul {
  margin: 3px 0;
  padding-inline-start: 8px;
}
.tutor-password-feedback ul li {
  position: relative;
  list-style-type: circle;
  list-style-position: inside;
  margin: 3px 0;
}
.tutor-password-feedback ul li .app-tick {
  position: absolute;
  top: -1px;
  left: -1px;
}

.new-password-page {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  flex-grow: 1;
}

html {
  height: 100%;
  line-height: 1.2;
  overflow-y: scroll;
}
* {
  box-sizing: border-box;
}
button {
  border: none;
  background-color: transparent;
  font: 1em Raleway, sans-serif;
}
body {
  height: 100%;
  color: #3e3e3e;
  font: 16px Raleway, sans-serif;
  margin: 0;
  padding: 0;
}
body a {
  color: #3e3e3e;
  text-decoration: none;
  cursor: pointer;
}
body a:hover {
  text-decoration: underline;
}
body *::-webkit-input-placeholder {
  font-family: Raleway, sans-serif;
}
body *:-ms-input-placeholder {
  font-family: Raleway, sans-serif;
}
body *:-moz-placeholder {
  font-family: Raleway, sans-serif;
}
body *::-moz-placeholder {
  font-family: Raleway, sans-serif;
}
.login-layout {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
}
.login-layout .vertical-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.login-layout .y-scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.login-layout .y-scrollable-content.content-scrollable-fullheight {
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
}
.login-layout .y-scrollable-content.content-scrollable-fullheight .body-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 2em 0;
  flex-grow: 1;
  position: relative;
}
@media (max-width: 700px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight .body-content {
    justify-content: flex-start;
  }
}
.login-layout .y-scrollable-content.content-scrollable-fullheight .body-content h3 {
  font-size: 1.8em;
  margin: 0.2em 0 0.6em;
}
@media (min-width: 1000px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight {
    width: 1000px;
  }
}
@media (max-width: 500px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 450px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight {
    width: 96%;
    margin: auto;
  }
}
@media (min-width: 500px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight {
    width: 100%;
    align-items: center;
  }
}
@media (min-width: 420px) {
  .login-layout .y-scrollable-content.content-scrollable-fullheight {
    align-items: center;
  }
}
.login-layout .full-height {
  height: 100%;
}
.login-layout .full-width {
  width: 100%;
}
.left-right-layout {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.login-vue-main {
  border: 1px solid black;
  flex-grow: 1;
}
.main-column {
  margin: auto;
}
@media (min-width: 1000px) {
  .login-layout .main-column {
    width: 1000px;
  }
}
@media (max-width: 1000px) {
  .login-layout .main-column {
    width: 96%;
  }
  .noless1000w {
    display: none;
  }
}
@media (max-width: 700px) {
  .nomobile {
    display: none;
  }
}
.button {
  border-radius: 10px;
  padding: 20px 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.black-button {
  background-color: #3e3e3e;
  color: white;
}
.black-button:hover {
  background-color: #2e2e2e;
}
.black-button:active {
  background-color: black;
}
.bt-blue-gray {
  border-radius: 10px;
  border: solid 2px #d7e4f1;
  background-color: #30a2ed;
  color: white;
  display: inline-block;
  padding: 20px 30px;
  cursor: pointer;
  min-width: 200px;
}
.bt-blue-gray.disabled {
  cursor: not-allowed;
  border: solid 2px #d7e4f1;
  background-color: #8997a5;
}
.g-recaptcha {
  position: absolute;
  right: 0;
  bottom: 90px;
}
.grecaptcha-badge {
  z-index: 1;
  bottom: 90px !important;
}
.error-message {
  color: #eb4c51;
  font-size: 0.7em;
  text-align: center;
}
.ok-message {
  color: #63b024;
  font-size: 0.7em;
  text-align: center;
}