.kt-login.kt-login--v1 .kt-login__aside {
  width: 605px;
  padding: 3rem 3.5rem;
  background-repeat: no-repeat;
  background-size: cover; }
  .kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .kt-login.kt-login--v1 .kt-login__aside .kt-login__title {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 500; }
  .kt-login.kt-login--v1 .kt-login__aside .kt-login__subtitle {
    font-size: 1.2rem;
    font-weight: 200;
    margin: 2.5rem 0 3.5rem 0;
    color: rgba(255, 255, 255, 0.7); }
  .kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > a {
      text-decoration: none;
      color: #fff;
      margin-right: 2rem;
      display: inline-block;
      color: rgba(255, 255, 255, 0.7); }
      .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > a:hover {
        color: #fff; }
        .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > a:hover:after {
          border-bottom: 1px solid #fff;
          opacity: 0.3; }
      .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu > a:last-child {
        margin-right: 0; }
    .kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__copyright {
      color: rgba(255, 255, 255, 0.4); }

.kt-login.kt-login--v1 .kt-login__wrapper {
  padding: 3rem 3rem;
  /*background: #fff;*/ }
  .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head {
    font-size: 1rem;
    font-weight: 500;
    text-align: right; }
    .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-label {
      color: #74788d; }
    .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-link {
      color: #5d78ff; }
  .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
    .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form {
      width: 100%;
      max-width: 450px; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title {
        display: block;
        text-align: center;
        margin-bottom: 5rem;
        text-decoration: none; }
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title > h3 {
          font-size: 2rem;
          color: #67666e; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form {
        margin: 4rem auto; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 3rem 0; }
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot {
          font-weight: 400;
          color: #74788d; }
          .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover {
            color: #5d78ff; }
            .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover:after {
              border-bottom: 1px solid #5d78ff;
              opacity: 0.3; }
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__btn-secondary,
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__btn-primary {
          font-weight: 500;
          font-size: 1rem;
          height: 50px;
          padding-left: 2.75rem;
          padding-right: 2.75rem; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__divider {
        margin: 1rem 0 2rem 0; }
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__divider:not(:first-child):not(:last-child) {
          font-weight: 400;
          color: #b5b2c3;
          font-size: 1rem; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 100%; }
        .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options > a {
          text-decoration: none;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options > a:not(:last-child) {
            margin: 0 1.5rem 0 0; }

@media (min-width: 1025px) {
  .kt-login.kt-login--v1 .kt-login__aside {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media (max-width: 1024px) {
  .kt-login.kt-login--v1 .kt-login__aside {
    width: 100%;
    height: auto;
    padding: 2rem 1.5rem; }
    .kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
      margin-bottom: 2.5rem; }
    .kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
      margin-top: 2rem; }
    .kt-login.kt-login--v1 .kt-login__aside .kt-login__subtitle {
      margin: 2rem 0; }
  .kt-login.kt-login--v1 .kt-login__wrapper {
    padding: 3rem 1.5rem; }
    .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head {
      padding-left: 2rem;
      right: 2rem; }
    .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 5rem; }
      .kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options > a:not(:first-child):not(:last-child) {
        margin: 0 0.8rem; } }

.kt-page-loader--logo img {
	width: 180px;
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo, .kt-aside__brand-logo {
    width: 140px;
}
a.kt-login__logo img{
	width: 180px;
}



.login.form-group.form-control.input {
    margin-top: 1rem;
}

.input {
  margin-top: 2.5rem;
}


body {
  background: #fff;
}



.form-control{
  background: #d5d5d529;
  border-radius: .475rem;
  border: none;
  padding: .75rem 1rem !important;
  color: #4b4b4b;
  font-weight: 500;
  height: calc(1.55rem + 1.7rem + 4px);
}

.form-control::placeholder {
  color: transparent!important;
}

.form-control:placeholder-shown ~ .titlelabel {
    font-size: 1.2rem;
  cursor: text;
  top: 1rem;
  z-index: -1;
}

.titlelabel {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1.2rem;
  color: #555;
  padding-left: 10px;
}

.form-group label {
  font-size: 1.2rem;
  top: -1.95rem;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 20px);
}

.form-control:focus {
  padding-bottom: 6px;
  font-weight: 600;
  background: #80808029;
  border-image-slice: 1;
  border: none;
}

.form-control:focus ~ .titlelabel {
  position: absolute;
  top: -1.95rem;
  display: block;
  transition: 0.2s;
  font-size: 1.2rem;
  color: #555;
  font-weight: 600;
}

.input-group-text {
  background: #80808029;
  border: none;
}

.input-group i {
    color: #0000009c;
  line-height: 0;
  font-size: 24px;
}

.editable input[type="text"].form-control {
  max-width: 100px;
  padding: 0;
  height: auto;
  margin: 1px 0px 0px 5px;
  float: right;
  padding: 0.3rem 1rem !important;
  background: #80808029 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 261.948 489.5'%3e%3cpath fill='%237f7f7f' d='M238.135,0H23.813A23.883,23.883,0,0,0,0,23.813V198.446a23.883,23.883,0,0,0,23.813,23.813H53.58a23.814,23.814,0,0,1,23.814,23.814V465.687A23.883,23.883,0,0,0,101.208,489.5H238.135a23.883,23.883,0,0,0,23.813-23.813V23.813A23.883,23.883,0,0,0,238.135,0ZM227.609,161.636H148.3L163.2,173.551a3.781,3.781,0,0,1-4.724,5.906L131.3,157.719l27.3-19.925a3.78,3.78,0,1,1,4.46,6.1l-13.946,10.177H220.05V127.617H197.37a3.78,3.78,0,0,1,0-7.56h30.239Z'/%3e%3c/svg%3e") no-repeat right .18rem center/20px 25px !important;
}

















/*
.form-group {
  position: relative;
}

.input {
  padding: 15px 0 0;
  margin-top: 1rem;
}

.form-control {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  outline: 0;
  font-size: 1.3rem;
  padding: 1.55rem 0rem 0.35rem !important;
  background: transparent!important;
  transition: border-color 0.2s;
}

.form-control::placeholder {
  color: transparent!important;
}

.form-control:placeholder-shown ~ .titlelabel {
  font-size: 1rem;
  cursor: text;
  top: 0;
}

.form-control:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-bottom: 1px solid #646c9a;
  border-image-slice: 1;
}

.form-control:focus ~ .titlelabel {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #646c9a;
  font-weight: 600;
}


.titlelabel {
  position: absolute;
  top: 32px;
  display: block;
  transition: 0.2s;
  font-size: 1.3rem;
  color: #9b9b9b;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input.form-control:focus + div.titlelabel,
input.form-control:valid + div.titlelabel {
  top: 15px;
  font-size: 1rem;
}

/* Underline and Placeholder 

input.form-control + div.titlelabel {
  white-space: nowrap;
  padding: 0;
  margin: 0;
  width: 100%;
  border-top: 1px solid red;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}




textarea.form-control:focus + div.titlelabel {
  top: -150px;
  font-size: 22px;
  color: #333;
}

input.form-control:valid + div.titlelabel {
  border-color: green;
}

input.form-control:invalid {
  box-shadow: none;
}

input.form-control + div.titlelabel {
  font-weight: 300;
  margin: 0;
  position: absolute;
  color: #8F8F8F;
  font-size: 48px;
  top: -66px;
  left: 0px;
  z-index: -1;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}