.kt-login.kt-login--v3 .kt-divider > span:first-child,
.kt-login.kt-login--v3 .kt-divider > span:last-child {
  background: #46A9D4; }
.kt-login.kt-login--v3 .kt-login--v3-bg {
  background-position: bottom 0 center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff; }
.kt-login.kt-login--v3 nav {
  padding: 40px 40px 0px 40px; }
.kt-login.kt-login--v3 .btn-nav-support {
  min-width: 146px;
  font-weight: 300;
  height: 46px;
  line-height: 46px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 14px;
  color: #46a9d4; }
  @media screen and (min-width: 1800px) {
    .kt-login.kt-login--v3 .btn-nav-support {
      font-size: 18px; } }
  .kt-login.kt-login--v3 .btn-nav-support:hover {
    color: #fff; }
.kt-login.kt-login--v3 .form-group label {
  color: #646C9A; }
.kt-login.kt-login--v3 .kt-login__wrapper {
  padding: 0% 2rem 11rem 2rem;
  margin: 0 auto 0 auto;
  overflow: hidden; }
  .kt-login.kt-login--v3 .kt-login__wrapper.kt-login__wrapper_update {
    width: 100%;
    display: flex;
    align-items: center; }
  .kt-login.kt-login--v3 .kt-login__wrapper .kt-self-align-center {
    align-self: center; }
  .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    width: 430px;
    margin: 0 auto; }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo {
      text-align: center;
      margin: 0 auto 20px auto; }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head {
      margin-top: 1rem;
      margin-bottom: 20px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login_title {
        text-align: center;
        font-size: 1.9rem;
        font-weight: 500;
        color: #4B4B4B; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        color: #4B4B4B; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__desc {
        margin-top: 1.5rem;
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #74788d; }
    @media screen and (min-width: 1800px) {
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-group label {
        font-size: 18px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-group input {
        font-size: 18px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login_title {
        font-size: 2.5rem; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__title {
        font-size: 1.5rem; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-secondary,
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary,
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-success {
        font-size: 18px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-progress-steps {
        font-size: 16px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .sync-content h5 {
        font-size: 18px; } }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form {
      margin: 0 auto; }
      @media screen and (min-width: 1200px) {
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form.kt-from-srink {
          width: 70%; } }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form.kt-from-srink {
          width: 70%; } }
      @media screen and (min-width: 767px) and (max-width: 1024px) {
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form.kt-from-srink {
          width: 80%; } }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .input-group {
        padding: 0;
        margin: 0 auto; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-group {
        margin-bottom: 12px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control {
        height: 46px;
        border: none;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 1.5rem;
        border: 1px solid #E2E5EC;
        border-radius: 4px; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::-moz-placeholder {
          color: #74788d;
          opacity: 1; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control:-ms-input-placeholder {
          color: #74788d; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::-webkit-input-placeholder {
          color: #74788d; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::-webkit-input-placeholder {
        color: #C4C4C4; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control:-ms-input-placeholder {
        color: #C4C4C4; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::placeholder {
        color: #C4C4C4; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control.is-valid + .valid-feedback,
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control.is-invalid + .invalid-feedback {
        font-weight: 500;
        font-size: 0.9rem;
        padding-left: 1.6rem; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra {
        margin-top: 24px;
        margin-bottom: 15px;
        font-size: 1rem;
        color: #646C9A; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-checkbox {
          font-size: 1rem; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link {
          font-size: 1rem;
          color: #74788d;
          transition: color 0.3s ease; }
          .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link:hover {
            color: #36A1CF;
            transition: color 0.3s ease; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions {
        text-align: center; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-secondary,
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary,
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-success {
          height: 46px;
          padding-left: 2.5rem;
          padding-right: 2.5rem;
          padding-top: 0px;
          padding-bottom: 0px;
          line-height: 46px; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-google {
          position: relative; }
          .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-google img {
            position: absolute;
            left: 3px;
            top: 0px;
            bottom: 0px;
            margin: auto; }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
      text-align: center;
      margin-top: 12px; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-msg {
        font-size: 1rem;
        font-weight: 400;
        color: #4B4B4B; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-link {
        font-size: 1rem;
        font-weight: 500;
        color: #747373;
        transition: color 0.3s ease; }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-link:hover {
          color: #36A1CF;
          transition: color 0.3s ease; }

.kt-login.kt-login--v3.kt-login--signin .kt-login__signup {
  display: none; }
.kt-login.kt-login--v3.kt-login--signin .kt-login__signin {
  display: block; }
.kt-login.kt-login--v3.kt-login--signin .kt-login__forgot {
  display: none; }
.kt-login.kt-login--v3.kt-login--signup .kt-login__signup {
  display: block; }
.kt-login.kt-login--v3.kt-login--signup .kt-login__signin {
  display: none; }
.kt-login.kt-login--v3.kt-login--signup .kt-login__forgot {
  display: none; }
.kt-login.kt-login--v3.kt-login--signup .kt-login__account {
  display: none; }
.kt-login.kt-login--v3.kt-login--forgot .kt-login__signup {
  display: none; }
.kt-login.kt-login--v3.kt-login--forgot .kt-login__signin {
  display: none; }
.kt-login.kt-login--v3.kt-login--forgot .kt-login__forgot {
  display: block; }

@media (max-width: 1024px) {
  .kt-login.kt-login--v3 .kt-login__wrapper {
    width: 100%; }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
      margin: 0 auto; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
        margin-top: 1rem; } }
@media (max-width: 768px) {
  .kt-login.kt-login--v3 .kt-login__wrapper {
    width: 100%; }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
      width: 100%;
      margin: 0 auto; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form {
        width: 100%;
        margin: 0 auto; }
      .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
        margin-top: 1rem; } }
.kt-widget__number {
  color: #4B4B4B;
  font-size: 28px; }

.sync-content {
  list-style: none;
  margin-bottom: 15px;
  display: inline-block;
  margin: 25px auto 15px auto;
  padding-left: 0px; }
  .sync-content li {
    display: flex;
    align-self: center;
    margin-bottom: 7px; }
    .sync-content li:last-child {
      margin-bottom: 0px; }
  .sync-content i {
    font-size: 21px;
    line-height: 27px; }
  .sync-content h5 {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
    color: #4B4B4B; }
    .sync-content h5 span {
      font-weight: normal; }

.kt-line-height-26 {
  line-height: 26px; }

.kt-font-center {
  text-align: center; }

.kt-padding-l-list {
  padding-left: 33px; }

.kt-para-content {
  max-width: 304px;
  margin: auto;
  line-height: 18px; }

.kt-progress-steps {
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #4B4B4B;
  display: flex; }
  .kt-progress-steps span {
    padding-top: 40px;
    position: relative;
    width: 141px; }
    .kt-progress-steps span:nth-child(2) {
      width: 200px; }
    .kt-progress-steps span:last-child {
      width: 141px; }
    .kt-progress-steps span::before {
      right: 0px;
      margin: auto;
      left: 0px;
      width: 28px;
      height: 28px;
      background: #E0E0E0;
      content: '';
      position: absolute;
      border: 2px solid #E0E0E0;
      border-radius: 100%;
      top: 12px;
      z-index: 2; }
    .kt-progress-steps span::after {
      background-color: #E0E0E0;
      height: 5px;
      content: '';
      position: absolute;
      top: 23px;
      left: 0px;
      right: 0px;
      z-index: 1; }
    .kt-progress-steps span:first-child::after {
      left: 50%; }
    .kt-progress-steps span:last-child::after {
      right: 50%; }
    .kt-progress-steps span.kt-progress-steps-active::before {
      background-color: #46A9D4; }

.view-port-otr {
  height: calc(100vh - 183px); }
  .view-port-otr .card,
  .view-port-otr .card-header,
  .view-port-otr .card-body,
  .view-port-otr .card-footer {
    background-color: transparent; }

.kt-checkbox-right.kt-checkbox {
  padding-left: 0px;
  padding-right: 30px; }
.kt-checkbox-right.kt-checkbox > span {
  left: unset;
  right: 0px;
  border-color: #E2E5EC; }
.kt-checkbox-right.kt-checkbox > input:checked ~ span {
  border-color: #46a9d4; }
.kt-checkbox-right.kt-checkbox > span:after {
  border: solid #46a9d4; }

/*# sourceMappingURL=login-3.css.map */