* {
  padding: 0;
  margin: 0;
}

body {
  background-image: url(../img/BG-DESKTOP-1.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-keluhan {
  width: 700px;
}

.teks-berjalan {
  padding: 5px;
  border-radius: 5px;
}

.closeteks {
  position: absolute;
  right: 0;
  font-size: 1.1rem;
  cursor: pointer;
  top: -15px;
}

@media only screen and (max-width: 600px) {
  .box-keluhan {
    width: 95%;
  }
}

.sender-msg {
  text-align: start !important;
  margin-bottom: 2rem !important;
}

.receiver-msg {
  width: auto;
  text-align: end !important;
  margin-bottom: 2rem !important;
}

#content-keluhan {
  overflow: scroll;
  height: 300px;
}

.icon-msg {
  font-size: 0.8rem !important;
}

.date-msg {
  font-size: 0.7rem !important;
}

.app-theme {
  background: #ffdd00;
}

.border-teks {
  background: #eeeded;
  font-weight: bold;
  border: 2px solid #dbdbdb;
}

.border-theme {
  border: 4px solid #ffdd00;
}

.app-theme-text,
.besar-text span {
  color: #000000 !important;
}

.besar-text {
  font-size: 2.3rem;
}