:root{
  --color-primary: #e60023;
  --color-primary-hover: #b60000;
  --color-primary-active: #a3081a;
  --color-primary-bright: #ff3654;
  --primary-gradient: linear-gradient(to right, var(--color-primary-bright), var(--color-primary));
  --webkit-primary-gradient: -webkit-linear-gradient(to right, var(--color-primary-bright), var(--color-primary));
}

.login-box-body, .register-box-body{
  border-radius: 5px;
}
.form-control{
  padding: 20px 15px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.form-control-feedback{
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.btn-alv-gradient{
  background: var(--color-primary);  /* fallback for old browsers */
  background: var(--webkit-primary-gradient);  /* Chrome 10-25, Safari 5.1-6 */
  background: var(--primary-gradient); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: none;
  padding: 11px 12px;
  font-size: 14px;
  width: auto;
  border-radius: 7px;
  float: right;
  padding: 10px 12px;
  font-size: 14px;
}

.btn-alv-gradient:hover{
    color: #fff;
}
.btn-alv-gradient:active,.btn-alv-gradient:focus, .btn-alv-gradient:active:focus{
  background: var(--color-primary);
  color: #ffffff;
}

.login-box, .register-box {
  margin: 5% auto;
}

.btn-alv-border{
  float: none;
  width: 100px;
  color: #525252;
  background-color: #fff;
  border: 1px solid var(--color-primary);
  font-weight: 600;
  padding: 9px 12px;
  font-size: 14px;
  border-radius: 7px;
}

.btn-alv-border:hover{
  background: var(--color-primary);  /* fallback for old browsers */
  background: var(--webkit-primary-gradient);  /* Chrome 10-25, Safari 5.1-6 */
  background: var(--primary-gradient); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
}

.alv-alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alv-body .alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba;
}

.alv-body .alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb;
}

.login-page{
  background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login-box-body{
  border: 1px solid #efefef
}

.google-login-btn{
  padding: 10px;
  border: 1px solid #dadada;
  border-radius: 5px;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  color: #a3a2a2;
}

.google-login-btn:hover,.google-login-btn:active,.google-login-btn:focus{
  background-color: #f8f8f8;
  color: #8d8d8d;
}
.google-login-btn img{
  width: 24px;
}