html {
  overflow-y: scroll;
  height: 100%;
}

body {
  font-family: Montserrat;
  background: #f6f8fc;
  width: 100%;
  padding-top: 0px;
  height: 100%;
}

:root {
  --navy: #03152e;
  --pale-grey: #edf1f7;
  --pale-grey-two: #f5f8fc;
  --marine-blue: #033f63;
  --slate-grey: #5c6269;
  --pale-blue: #e9f4fd;
  --silver: #e3e6e9;
  --silver-two: #c1c6cb;
  --light-blue-grey: #daf4f1;
  --viridian: #1a8679;
  --bluey-green: #2a9d8f;
  --black: #262626;
}

@font-face {
  font-family: Montserrat;
  src: local(Montserrat-Regular),
    url(./fonts/Montserrat/Montserrat-Regular.woff) format("woff"),
    url(./fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Montserrat;
  src: local(Montserrat-Medium),
    url(./fonts/Montserrat/Montserrat-Medium.woff) format("woff"),
    url(./fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Montserrat;
  src: local(Montserrat-Bold),
    url(./fonts/Montserrat/Montserrat-Bold.woff) format("woff"),
    url(./fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
body {
  font-family: Montserrat;
  color: var(--black);
}

 {
  font-family: Montserrat;
  font-size: 7px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: var(--bluey-green);
}

.login-left-space {
  height: 100%;
  background: url("/img/login-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.login-right-space {
  height: 100%;
  padding: 100px 100px;
  background-color: #f4f8fc;
}

.npsds {
  padding-left: 0;
  padding-right: 0;
}
#logIn label {
  font-weight: normal;
  color: #7b7b7b;
}
#logIn {
  margin: auto;
}
@media (min-width: 992px) {
  #logIn {
    max-width: 400px;
  }
}
/* Form error changes */
.form-control.error {
  border-color: #b90c2d;
  background-color: #fff8fa;
}
label.error {
  padding: 5px;
  color: #b90c2d !important;
}

@media (max-width: 990px) {
  .login-right-space {
    background-image: url("/img/login-bg.jpg") !important;
    background-size: cover;
    padding: 50px 25px !important;
    /* margin: 0 15px; */
  }
  .login-row {
    margin: 0;
  }
  form#logIn {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 15px 20px 30px;
    max-width: 500px;
  }
}