@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&display=swap');

BODY {
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0; 
}

*{
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

input[type="submit"], .btn {
  font-weight: 400 !important;
  padding: 1em !important;
  box-shadow: none !important;
  padding: 1em 1.5em !important;
  margin: 0;
}

 .aside-img {
  background-image: url(../images/index.png);
  background-size: cover;
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: bottom center;
 }

.login-aside {
  background-position: center;
  background-size: cover;
}

.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
  display: none; }

.login.login-1.login-signin-on .login-signup {
  display: none; }

.login.login-1.login-signin-on .login-signin {
  display: block; }

.login.login-1.login-signin-on .login-forgot {
  display: none; }

.login.login-1.login-signup-on .login-signup {
  display: block; }

.login.login-1.login-signup-on .login-signin {
  display: none; }

.login.login-1.login-signup-on .login-forgot {
  display: none; }

.login.login-1.login-forgot-on .login-signup {
  display: none; }

.login.login-1.login-forgot-on .login-signin {
  display: none; }

.login.login-1.login-forgot-on .login-forgot {
  display: block; }

.form-group {
  width: 100% !important;
}

.form-group a {
  font-weight: 400 !important;
}

.login-form{
  max-width: 350px;
}

.login-content {
  padding: 0.8em;
}

.fv-plugins-message-container {
  margin-top:.25rem
}
.fv-plugins-message-container .fv-help-block {
  color:#f64e60;
  font-size:.85em;
  font-weight:400
}

input[type="text"], input[type="password"] {
  box-shadow: none !important;
  padding: 1.2em;
  margin: 0;
}

input[type="text"], input[type="password"] {
  background: #ECECEC;
  border: 0;
}

input[type="text"]:focus, input[type="password"]:focus {
  background: #DADADA;
  border: 0;
}

.footer {
  position: absolute;
  margin-bottom: 20px;
  bottom: 0;
  text-align: center;
  width: 100%;
  left: 0;
}

.splash-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  min-height:240px;
}


h4 {
    font-size: 1.75rem;
}

@media (max-width: 992px){
  .aside-img {
    background-size: 45% !important;
  }

  h4{
    margin-top: -80px !important;
  }


  .aside-img {
    display: none !important;
  }

  .splash-img {
    min-height: 160px;
    height: 160px !important;
  }

}