.chat-box {
    height: 60vh; /* Ograničenje visine na 60% visine prozora */
    overflow-y: auto; /* Vertikalni skrol */
    border: 1px solid #ccc; /* Okvir */
    padding: 10px; /* Unutrašnji razmak */
    box-sizing: border-box; /* Sprečava da padding poveća ukupnu visinu */
    background: #f5f4f2;
}

.user-list {
    background: black;
}

.puc-messages p {
    background: #384da8;
    padding: 5px;
    font-size: 0.9vw;
    font-family: 'Open Sans';
    border-radius: 5px;
}

.user-list ul li {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding: 10px;
}


.user-list h3 {
    color: white;
    padding: 10px;
    margin-bottom: 0px;
}

textarea[name="puc_reply_message"] {
    color: #414ca6;
}

textarea[name="puc_reply_message"]:focus {
    color: #414ca6;
}


.notification-badge {
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    padding: 0px 10px;
    line-height: 2.2;
    position: absolute;
    top: -5px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-notification-badge {
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    padding: 2px 6px;
    margin-left: 5px;
}

#messageForm {
            display: none; /* Forma je sakrivena na početku */
        }