.login_bg {
  background-image: url(../img/login-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.login-area {
}
body.login {
  background: url(../img/login-bg.jpg) no-repeat center;
  background-size: cover;
  .footer_area {
    background: transparent;
    border: 0;
    @media (max-width: 1199px) {
      text-align: center;
    }
    a {
      color: #fff;
    }
  }
}

.login-area {
  a {
    color: #828bb2;
    &:hover {
      opacity: 0.8;
    }
  }
  .login-height {
    min-height: 95vh;
  }
  .form-wrap {
    background: rgba(28, 0, 78, 0.25);
    padding: 50px 70px;
    @media (max-width: 1199px) and (min-width: 992px) {
      padding: 50px 20px;
    }
    @media (max-width: 480px) {
      padding: 50px 20px;
    }
  }
  .logo-container {
  }
  h5 {
    margin-top: 40px;
    margin-bottom: 25px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
  }
  .form-group {
    .form-control {
      color: #828bb2;
      border: 0px;
      border-bottom: 1px solid rgba(247, 247, 255, 0.2);
      border-radius: 0px;
      background: transparent !important;
      padding: 0px 30px;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 1px;
      &:focus {
        outline: none;
        box-shadow: none;
      }
      @include placeholder {
        position: relative;
        left: 0px;
        top: 0px;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: #828bb2;
        letter-spacing: 1px;
      }
    }
    a {
      font-size: 12px;
      font-weight: 700;
    }
    i {
      color: #828bb2;
      display: inline-block;
      position: relative;
      top: 6px;
      left: 14px;
      font-size: 12px;
      font-weight: 400;
    }
  }
  .checkbox {
    input {
      margin-right: 6px;
    }
  }
  /*Checkboxes styles*/
  input[type="checkbox"] {
    display: none;
  }
  input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    font: 12px/20px "Poppins", sans-serif;
    color: #828bb2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  input[type="checkbox"] + label:last-child {
    margin-bottom: 0;
  }
  input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #828bb2;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 0.6;
    @include transition();
  }
  input[type="checkbox"]:checked + label:before {
    width: 8px;
    top: 1px;
    left: 5px;
    border-radius: 0px;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* line 17, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area a {
  color: #828bb2;
}

/* line 19, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area a:hover {
  opacity: 0.8;
}

/* line 23, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .login-height {
  min-height: 95vh;
}

/* line 26, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .form-wrap {
  background: rgba(28, 0, 78, 0.25);
  padding: 50px 70px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 26, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
  .login-area .form-wrap {
    padding: 50px 20px;
  }
}

@media (max-width: 480px) {
  /* line 26, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
  .login-area .form-wrap {
    padding: 50px 20px;
  }
}

/* line 38, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area h5 {
  margin-top: 40px;
  margin-bottom: 25px;
  color: #ffffff;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 700;
}

/* line 47, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .form-group .form-control {
  color: #828bb2;
  border: 0px;
  border-bottom: 1px solid rgba(247, 247, 255, 0.2);
  border-radius: 0px;
  background: transparent !important;
  padding: 0px 30px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}

/* line 57, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}

/* line 105, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/_mixins.scss */
.login-area .form-group .form-control.placeholder {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #828bb2;
  letter-spacing: 1px;
}

/* line 108, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/_mixins.scss */
.login-area .form-group .form-control:-moz-placeholder {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #828bb2;
  letter-spacing: 1px;
}

/* line 111, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/_mixins.scss */
.login-area .form-group .form-control::-moz-placeholder {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #828bb2;
  letter-spacing: 1px;
}

/* line 114, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/_mixins.scss */
.login-area .form-group .form-control::-webkit-input-placeholder {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #828bb2;
  letter-spacing: 1px;
}

/* line 72, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .form-group a {
  font-size: 12px;
  font-weight: 700;
}

/* line 76, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .form-group i {
  color: #828bb2;
  display: inline-block;
  position: relative;
  top: 6px;
  left: 14px;
  font-size: 12px;
  font-weight: 400;
}

/* line 87, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area .checkbox input {
  margin-right: 6px;
}

/* line 92, /Applications/MAMP/htdocs/InfixEduTheme/public/backEnd/scss/1_default/admin/_login.scss */
.login-area input[type="checkbox"] {
  display: none;
}
.login-area .form-group .form-control {
  color: #828bb2;
  border: 0px;
  border-bottom: 1px solid rgba(247, 247, 255, 0.2);
  border-radius: 0px;
  background: transparent !important;
  padding: 0px 30px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}
.form-group.input-group.mb-4.p-3 {
  padding: 10px !important;
  margin-bottom: 10px !important;
}
.pl-30 {
  padding-left: 23px;
}
.mt-30 {
  margin-top: 30px;
}
