html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html, * {
    box-sizing: border-box;
  }


body {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #f5f5f5;
   font-family: Arial, Helvetica, sans-serif;
   font-size: .8125rem;
   line-height: 1.5385;
   font-weight: 400;
}


.form-group-feedback {
    position: relative;
}
.form-group-feedback-left .form-control {
    padding-left: 2.75rem;
}

.form-group-feedback-left .form-control-feedback {
    left: 0;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    color: #333;
    padding-left: .875rem;
    padding-right: .875rem;
    line-height: 2.25003rem;
    min-width: 1rem;
}


.card-login {min-width: 318px; min-height:310px ;}
.card-login .form-control{background-color: #fff}
.card-body{align-items: center; justify-content: center; display: flex; flex-direction: column}
.card-body form{width: 95%}

h5{font-size: .7em; letter-spacing: 1px; text-transform: uppercase; font-weight: 400}
.btn-login{background: #468ecd; color: #fff; height: calc(1.5em + .75rem + 2px); display: flex; align-items: center; justify-content: center; line-height: 1em; width: 100%; }

.btn-login i{margin-left: 7px; margin-top: 3px; }

.btn-login:hover{background: #e45e2d; color: #fff; cursor: pointer}