@font-face {
  font-family: '20th-century-font';
  src: url(20th-century-font.ttf) format("opentype"), url(calibri.eot) format("embedded-opentype");
}

body {
  background-repeat: no-repeat;
  background-size: 2048px 1000px;
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}

.chat-container-VA {
  position: fixed;
  z-index: 10;
  bottom: 0vh;
  right: 20px;
  width: 414px;
  /* background-color: #7E394D; Updated the background color to the new agency approved color, 'Setting Sun Magenta' */
  background-color: #8A3A6D;
  color: white;
  font-family: '20th-century-font';
  border-radius: 1.1vw 1.1vw 0px 0px;
  padding-top: 0.4vw;
  padding-right: 0.78vw;
  padding-left: 0.78vw;
  padding-bottom: 0.4vw;
  box-shadow: rgba(23, 73, 77, 0.15) 0px 20px 30px;
  cursor: pointer;
}
.headertextmain-chat-off-VA {
    font-size: 22px !important;
    margin: 0vw;
    color: white;
    font-weight: normal;
    display: flex !important;
}
.headertextsub-chat-off-VA {
  font-size: 14px !important;
  color: #fff;
  font-family: Verdana,Tahoma,Arial;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media only screen and (max-width: 767px) {
  .chat-container-VA {
    width: 316px;
  }
}

@media only screen and (min-width: 1281px) {}

/* @media (min-width: 961px) {
  .chat-container-VA {
    width: 414px;
  }
} */

.hideContent {
  display: none;
}

.window_popout_logo-VA {
  height: 30px;
  width: 34px;
  border-radius: 4px;
  margin-top: 6px;
  margin-right: 8px;
  margin-left: 2px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.button-container-VA {
  display: flex;
}