#login-content {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
}
#login-content .leftSide {
  width: 66%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#login-content .leftSide .login-image {
  display: block;
}
#login-content .rightSide {
  background-color: white;
  display: flex;
  justify-content: center;
  width: 34%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
#login-content .rightSide .rightContent {
  width: 50%;
}
#login-content .rightSide .rightContent .brandIconContainer {
  margin-bottom: 20px;
}
#login-content .sign-in-title {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 300;
  font-family: Lato-Light;
  white-space: nowrap;
  display: block;
}
#login-content input.username-password {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #616362;
  border: solid 1px #ccc;
  outline: none;
  font-weight: 300;
}
#login-content input.username-password::placeholder {
  font-family: Lato-Light;
}
#login-content .forgotten-username-password {
  display: flex;
  margin-bottom: 10px;
}
#login-content .sign-in-comment {
  margin-top: 10px;
}
#login-content .stay-signed-in {
  display: flex;
  align-items: center;
}
#login-content #footer a {
  font-family: Lato; /*specifing the font family of a link because it is being overriden by "PerfomV2" css*/
  color: #616362; /*specifing the color of a link because it is being overriden by "PerfomV2" css*/
}
@media (min-width: 3840px) {
  #login-content .rightContent {
    padding-top: 180px;
  }
  #login-content .sign-in-title {
    font-size: 100px;
  }
  #login-content input.username-password {
    height: 80px;
    font-size: 56px;
  }
  #login-content .leftSide {
    padding-top: 180px;
  }
  #login-content .leftSide #footer {
    font-size: 40px;
  }
  #login-content .leftSide #footer a {
    font-size: 40px;
  }
  #login-content .kivue-logo {
    height: 217.7px;
  }
  #login-content .login-image {
    height: 1372px;
  }
  #login-content .forgotten-username-password {
    font-size: 40px;
  }
  #login-content .sign-in-comment {
    font-size: 40px;
  }
  #login-content .kv-txt-btn, #login-content .kv-txt-btn-primary {
    min-height: 80px;
    font-size: 56px;
  }
  #login-content .stay-signed-in input[type=checkbox]:checked:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_checked_50.svg");
    height: 50px;
  }
  #login-content .stay-signed-in input[type=checkbox]:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_unchecked_default_50.svg");
    height: 50px;
  }
  #login-content .stay-signed-in span {
    font-size: 40px;
    margin-left: 40px;
  }
}
@media (min-width: 1920px) and (max-width: 3839px) {
  #login-content .rightContent {
    padding-top: 80px;
  }
  #login-content .sign-in-title {
    font-size: 50px;
  }
  #login-content input.username-password {
    height: 40px;
    font-size: 26px;
  }
  #login-content .leftSide {
    padding-top: 80px;
  }
  #login-content .leftSide #footer {
    font-size: 20px;
  }
  #login-content .leftSide #footer a {
    font-size: 20px;
  }
  #login-content .kivue-logo {
    height: 102.7px;
  }
  #login-content .login-image {
    height: 652px;
  }
  #login-content .forgotten-username-password {
    font-size: 20px;
  }
  #login-content .sign-in-comment {
    font-size: 20px;
  }
  #login-content .kv-txt-btn, #login-content .kv-txt-btn-primary {
    min-height: 40px;
    font-size: 26px;
  }
  #login-content .stay-signed-in input[type=checkbox]:checked:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_checked_30.svg");
    height: 30px;
  }
  #login-content .stay-signed-in input[type=checkbox]:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_unchecked_default_30.svg");
    height: 30px;
  }
  #login-content .stay-signed-in span {
    font-size: 20px;
    margin-left: 10px;
  }
}
@media (min-width: 1366px) and (max-width: 1919px) {
  #login-content .rightContent {
    padding-top: 80px;
  }
  #login-content .sign-in-title {
    font-size: 36px;
  }
  #login-content input.username-password {
    height: 30px;
    font-size: 18px;
  }
  #login-content .leftSide {
    padding-top: 80px;
  }
  #login-content .leftSide #footer {
    font-size: 14px;
  }
  #login-content .leftSide #footer a {
    font-size: 14px;
  }
  #login-content .kivue-logo {
    height: 72.4px;
  }
  #login-content .login-image {
    height: 462px;
  }
  #login-content .forgotten-username-password {
    font-size: 14px;
  }
  #login-content .sign-in-comment {
    font-size: 14px;
  }
  #login-content .kv-txt-btn, #login-content .kv-txt-btn-primary {
    min-height: 30px;
    font-size: 18px;
  }
  #login-content .stay-signed-in input[type=checkbox]:checked:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_checked_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in input[type=checkbox]:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_unchecked_default_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in span {
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  #login-content .rightContent {
    padding-top: 80px;
  }
  #login-content .sign-in-title {
    font-size: 26px;
  }
  #login-content input.username-password {
    height: 25px;
    font-size: 14px;
  }
  #login-content .leftSide {
    padding-top: 80px;
  }
  #login-content .leftSide #footer {
    font-size: 12px;
  }
  #login-content .leftSide #footer a {
    font-size: 12px;
  }
  #login-content .kivue-logo {
    height: 57px;
  }
  #login-content .login-image {
    height: 336px;
  }
  #login-content .forgotten-username-password {
    font-size: 12px;
  }
  #login-content .sign-in-comment {
    font-size: 12px;
  }
  #login-content .kv-txt-btn, #login-content .kv-txt-btn-primary {
    min-height: 24px;
    font-size: 14px;
  }
  #login-content .stay-signed-in input[type=checkbox]:checked:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_checked_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in input[type=checkbox]:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_unchecked_default_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in span {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  #login-content .rightContent {
    padding-top: 80px;
  }
  #login-content .sign-in-title {
    font-size: 26px;
  }
  #login-content input.username-password {
    height: 25px;
    font-size: 14px;
  }
  #login-content .leftSide {
    padding-top: 80px;
  }
  #login-content .leftSide #footer {
    font-size: 12px;
  }
  #login-content .leftSide #footer a {
    font-size: 12px;
  }
  #login-content .kivue-logo {
    height: 57px;
  }
  #login-content .login-image {
    height: 336px;
  }
  #login-content .forgotten-username-password {
    font-size: 12px;
  }
  #login-content .sign-in-comment {
    font-size: 12px;
  }
  #login-content .kv-txt-btn, #login-content .kv-txt-btn-primary {
    min-height: 24px;
    font-size: 14px;
  }
  #login-content .stay-signed-in input[type=checkbox]:checked:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_checked_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in input[type=checkbox]:before {
    content: url("../../../css/common/Content/checkbox/checkbox_small_unchecked_default_20.svg");
    height: 20px;
  }
  #login-content .stay-signed-in span {
    font-size: 12px;
  }
}

/*# sourceMappingURL=login-page.css.map */