:root {
  --font-size-base: 0.875rem;
  --font-size-sm: calc(--font-size-base * .875);
  --text-muted:'#6c757d;';
}

.login-form-bg {
  height:                     100vh;
  background-repeat:          no-repeat;
  background-size:            cover;
  background-position:        center;
}

@media (max-width: 575.98px) {
  .login-form-bg {
    background-position: right;
  }
}

.form-signin {
  width:                      100%;
  max-width:                  330px;
  padding:                    calc(--font-size-base * 0.938);
  margin:                     auto;
}

.login-checkbox,
.login-forget-password,
.form-control {
  font-size:                  0.765625rem;
  color:                      var(--text-muted);
}

.input-icon {
  background-color:           transparent;
}


/* .input-icon--lft {
  border-left:                none;
}

.input-icon--rght {
  border-right:               none;
} */

/* .login-form .form-control {
  border-left:                none;
} */

.form-control:focus {
  background-color:           transparent;
  border-color:               #e8e8e8;
  box-shadow:                 unset;
}

.btn-close {
  font-size:                  var(--font-size-sm);
}

label {
  /* margin-top:                 $font-size-base; */
  margin-bottom:              var(--font-size-base);
  color:                      var(--text-muted);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  background-position: center right calc(4.25rem / 2.5) !important;
}

.toggle-password {
  z-index: 1;
}

.input-container {
	padding-bottom: 1em;
}
.left-inner-addon {
  position: relative;
}
.left-inner-addon input {
  padding-left: 35px !important; 
}
.left-inner-addon i {
  position: absolute;
  padding: 10px 12px;
  /* pointer-events: none; */
}


.right-inner-addon {
  position: relative;
}
.right-inner-addon input {
  padding-right: 35px !important;
}
.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 10px 12px;
  /* pointer-events: none; */
}

.left-and-right-inner-addon {
  position: relative;
}
.left-and-right-inner-addon input {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.left-and-right-inner-addon i.left {
  position: absolute;
  padding: 10px 12px;
  /* pointer-events: none; */
}
.left-and-right-inner-addon i.right {
  position: absolute;
  right: 0px;
  padding: 10px 12px;
  /* pointer-events: none; */
}


.right-inner-addon-b {
  position: relative;
}
.right-inner-addon-b input {
  padding-right: 35px !important;
}
.right-inner-addon-b i {
  position: absolute;
  right: 0px;
  padding: 9px 12px;
  /* pointer-events: none; */
}