.input-group label,
.form-group label{
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: -6px;
}
.card-body form{
  padding-top: 10px;
}
.form-group .form-control,
.input-group .form-control{
  border-top: 0px;
  border-left: 0px;
  border-right: 1px;
  border-radius: 0px;
  box-shadow: 0px 1px 0px 0px transparent;
  margin-top: -6px;
  margin-bottom: 10px;
}
.form-group .form-control:focus,
.input-group .form-control:focus {
  transition: all 0.5s;
  box-shadow: 0px 1px 0px 0px #0c56d0;
}
.form-group{
  padding-top: 6px;
}
.form-group .form-control::placeholder {
  color: #a8a8a8;
  font-size: 13px;
}
.form-group .form-control[type=checkbox]{
  display: inline;
  width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  min-width: 20px;
  max-width: 20px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
  appearance:auto;
  background-color: #c1c1c1;
  padding: 0px 0px;
  margin: 0px 0px;
  border: 0px;
  margin-bottom: -5px;
}
.form-group .form-control[type=checkbox]:checked{
  background-color: var(--cl-red);
}
.form-group .form-control[type=checkbox]:focus{
  box-shadow: none;
  border-bottom: 0px;
}
.form-group:has(.form-control[type=checkbox]) label{
  width: auto;
  line-height: 20px;
  vertical-align: top;
  margin-left: 6px;
}
.form-group:has(.form-control[type=checkbox]){
  padding-bottom: 20px;
  padding-top: 15px;
}


.login-box{
  width: 95%;
  max-width: 400px;
  margin: 50px auto;
}
.input-group-text{
  height: 100%;
  border-radius: 0px;
}

.btn{
  border-radius: 1px;
}