.bodylogin {
  opacity: 0;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  background-image: url(back-lg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  color: #414042
}
.error-message {
  width: 100%;
  padding: 5px 10px;
  background-color: #ff3162;
  display: none
}
label.error {
  display: inline-block;
  width: 100%;
  color: #fff;
  background-color: #ff3162;
  padding-left: 1em;
  margin-bottom: 0
}
.fullscreen {
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0
}
.cf {
  width: 100vw;
  height: 100vh
}
.rw {
  background-color: rgba(255,255,255,.66);
  background-image: none;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}
.btn-primary {
  background-color: #00495f!important
}
.text-racer {
  color: #00495f
}
.input-group-text {
  background-color: #fff;
  border: 1px solid #fff
}
#sendpassword,
#sendusername {
  border: none!important;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}
.input-group {
  box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px
}
#mdb-preloader {
  background-color: rgb(0 0 0 / 58%);
  display: none
}
#showhidepass {
  cursor: pointer;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}
@media (min-width:768px) {
  .cf,
  .fullscreen {
    width: 100vw;
    height: 100vh
  }
  .rw {
    background-image: url(back-login-form.png);
    background-size: 49% 100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent
  }
}
.error-message {
  color: #fff
}