.login{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:16px;background-color:#fff;-webkit-box-shadow:0 16px 20px -6px rgba(22,22,22,.12),0 5px 32px 0 rgba(22,22,22,.06),0 2px 2px 0 rgba(22,22,22,.02);box-shadow:0 16px 20px -6px rgba(22,22,22,.12),0 5px 32px 0 rgba(22,22,22,.06),0 2px 2px 0 rgba(22,22,22,.02);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:40px auto 200px;padding:32px 40px;width:480px}.login .btn-grey{position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:16px;left:16px;height:40px;width:40px}.login .btn-grey i{font-size:12px}.login-providers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:24px 0 16px;width:100%}.login-providers .btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;padding:15px}.login-providers .btn i{color:var(--icon-grey-metallic-color);font-size:14px;margin-right:8px}.login-provider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-provider:not(:first-child){margin-top:8px}.login .or{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.login .or-separator{background-color:var(--border-color-fourth);height:1px;width:100%}.login .or-text{color:var(--text-secondary-color);font-size:14px;line-height:1;margin:0 12px}.login-form{width:100%}.login-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px;height:32px;width:124px}.login-logo img{max-height:32px;max-width:124px}.login-image{margin-bottom:16px}.login-image img{height:120px}.login-title{font-size:28px;text-align:center;margin-bottom:8px;letter-spacing:-.72px}.login-subtitle{line-height:1.5;margin:0;text-align:center}.login-subtitle b{font-weight:var(--font-weight-semi-bold)}.login-subtitle+.state-item{margin-top:8px;width:100%}.login-text{color:var(--text-secondary-color);margin-top:4px;font-size:14px;line-height:1.5}.login .course{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 6px 12px 0 rgba(15,15,15,.1);box-shadow:0 6px 12px 0 rgba(15,15,15,.1);display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:12px;padding:12px 20px 11px 12px;width:100%}.login .course img{border-radius:4px;height:36px;width:52px}.login .course-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:8px}.login .course-title{font-size:14px;line-height:1.5;overflow:hidden;max-width:308px;text-overflow:ellipsis;white-space:nowrap}.login .course-subtitle{color:var(--text-secondary-color);font-size:12px;line-height:1.5}.login-rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:24px;width:100%}.login-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-row:not(:last-child){margin-bottom:12px}.login-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;gap:0 8px;width:calc(50% - 4px)}.login-group:is(:only-child){gap:unset;width:100%}.login .btn-show{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;right:16px;top:42px}.login .btn-show .tooltip{visibility:hidden}.login .btn-show i{color:var(--icon-grey-metallic-color);font-size:20px;-webkit-transition:color .3s ease;transition:color .3s ease}.login .btn-show.active i:before{content:""}.login .btn-show:hover .tooltip{opacity:1;visibility:visible}.login .btn-show:hover i{color:var(--black-color);-webkit-transition:color .3s ease;transition:color .3s ease}.login-label{font-size:16px;font-weight:var(--font-weight-semi-bold);line-height:1.5;margin-bottom:4px}.login .form-control{padding:13px 8px 13px 16px}.login .form-control#password{padding-right:40px}.login-actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:12px;width:100%}.login-actions .btn{padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-forgot{color:var(--text-color);font-size:14px;font-weight:var(--font-weight-semi-bold);line-height:1.2;text-decoration:underline;margin-top:16px}.login-forgot:hover{color:var(--text-color);text-decoration:unset}.login-info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid var(--border-color-fourth);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:24px;padding-top:24px;width:100%}.login-info .login-forgot{margin:0 0 0 4px}.login-info-text{color:var(--text-secondary-color);font-size:14px;line-height:1.5}.login-info-text:not(:first-child){margin-top:4px}.login-privacy{color:var(--text-secondary-color);font-size:14px;text-align:center;line-height:1.5;margin-top:12px}.login-privacy a{color:var(--text-secondary-color);font-weight:var(--font-weight-semi-bold);text-decoration:underline;-webkit-transition:color .3s ease;transition:color .3s ease}.login-privacy a:hover{color:var(--text-color);-webkit-transition:color .3s ease;transition:color .3s ease}.login-fa .login-rows{margin-top:24px}.login-fa .form-control{font-size:20px;padding:11px 100px 11px 120px;letter-spacing:16px;line-height:1.2!important}.login-fa .form-control::-webkit-input-placeholder{text-align:center;letter-spacing:20px}.login-fa .form-control::-moz-placeholder{text-align:center;letter-spacing:20px}.login-fa .form-control:-ms-input-placeholder{text-align:center;letter-spacing:20px}.login-fa .form-control::-ms-input-placeholder{text-align:center;letter-spacing:20px}.login-fa .form-control::placeholder{text-align:center;letter-spacing:20px}.login-fa .login-info{border:none;margin-top:16px;padding:0}.login .loader-default{height:342px}.login .statistic{margin:24px 0 -16px;width:100%}.login .statistic-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login .statistic-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--border-color-fourth);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}.login .statistic-item:first-child{padding-top:0}.login .statistic-item:last-child{border-bottom:none;padding-bottom:0}.login .statistic-heading{font-size:16px;line-height:1.5;margin-bottom:8px}.login .statistic-title{color:var(--text-secondary-color);font-size:16px;font-weight:var(--font-weight-base);line-height:1.5;margin:0}.login .statistic-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight-semi-bold);line-height:1.5}.login .statistic-result i{background-position:24px;background-size:24px;display:block;margin-left:auto;margin-right:8px;height:24px;min-width:24px;width:24px}.login .statistic-result img{margin:0 4px 0 0}.login .statistic-result.grade{font-size:20px;font-weight:var(--font-weight-bold);text-transform:uppercase}.login .statistic-info{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grey-color-secondary);border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-top:12px;padding:24px 40px}.login .statistic-info i{color:var(--icon-grey-metallic-color);font-size:18px;margin-bottom:4px}.login .statistic-text{font-size:16px;line-height:1.5;margin:0}.login .statistic-short{display:block;overflow:hidden;text-overflow:ellipsis;max-width:260px;white-space:nowrap}.login .statistic-failure{background-color:var(--grey-color-secondary);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;padding:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login .statistic-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:16px}.login .statistic-actions .btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;padding:16px;width:49%}.btn-show.btn-show-secondary{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;right:16px;top:42px}.btn-show.btn-show-secondary .tooltip{visibility:hidden}.btn-show.btn-show-secondary i{color:var(--icon-grey-metallic-color);font-size:20px;-webkit-transition:color .3s ease;transition:color .3s ease}.btn-show.btn-show-secondary.active i:before{content:""}.btn-show.btn-show-secondary:hover .tooltip{opacity:1;visibility:visible}.btn-show.btn-show-secondary:hover i{color:var(--black-color);-webkit-transition:color .3s ease;transition:color .3s ease}