.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;
}

/* TOTOSLOT89 color palette */
:root {
    --ts-dark: #2692d5;
    --ts-medium: #2c91d3;
    --ts-light: #65c2fd;
}

.sender-msg .icon-msg,
.receiver-msg .icon-msg {
    background-color: var(--ts-medium) !important;
    color: #fff !important;
}

#content-keluhan a {
    color: var(--ts-dark);
}