/* screen - page-background */
.page-background {
  background-color: #fafafa;
  height: auto;
  width: 100vw;
  height: auto;
  /* min-height: 760px; */
  max-width: 1900px;
  border: 0vw solid red;
}

.page-background .scroll-group-15 {
  background-color: white;
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  margin-left: 10%;
  margin-top: 0%;
  width: 80vw;
  /* border: 0vw solid purple; */
}

.page-background .scroll-group-login-page {
  background-color: white;
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  margin-left: 10%;
  margin-top: 5%;
  width: 80vw;
  border-top: .104vw solid var(--mercury);
  border-bottom: .104vw solid var(--mercury);
}

.chat {
  position: fixed;
  right: .52vw;
  bottom: .52vw;
  width: 7.7vw;
  height: 7.7vw;
  background-image: url("../img/chat.png");
  background-repeat: no-repeat;
  z-index: 9999999999999;
}

.container-center-horizontal {
  display: flex;
  justify-content: left;
  pointer-events: none;
  background-color: #ffffff;
  min-width: fit-content;
  width: 100%;
  border-left: .104vw solid var(--mercury);
  border-right: .104vw solid var(--mercury);
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

@media only screen and (max-width: 999px) {
  .page-background .scroll-group-15 {
    width: 100%;
    margin-left: 0;
    border: none !important;
  }

  .container-center-horizontal {
    border: none;
  }
}

@media only screen and (max-width: 600px) {
  .assessments-page .request-text a {
    margin-top: 2vw;
    display: block;
  }

  .assessments-page input.full-width {
    margin-top: 2vw;
    font-size: var(--font-size-m) !important;
    display: block;
    width: 100% !important;
  }
}