/* ADD THIS NEW CSS INTO yourchat/css/custom.css */
.ulist_tag{width:100%;border-top-right-radius:50px;border-bottom-left-radius:50px;border:2px solid #fff;box-shadow:0 0 4px rgb(100,100,100,5)}
.ulist_intag{display:table;table-layout:fixed;width:100%;padding:5px 10px}
.ulist_ticon{display:table-cell;vertical-align:middle;width:30px;font-size:18px;text-align:center}
.ulist_ticon img{width:25px;height:25px;display:block;margin:0 auto}
.ulist_tdata{display:table-cell;vertical-align:middle;padding:0 8px;text-align:center}
.ulist_ttitle{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ulist_dj{
    background: linear-gradient(5deg, #000,#612bf5);
    color: #fff;
}
.ulist_owner{
    background: linear-gradient(to bottom, #ffb300 0%,#aa4800 60%);
    color: #fff;
}
.ulist_superadmin{
    background: linear-gradient(to left, #000,#a00);
    color: #fff;
}
.ulist_admin{
    background: linear-gradient(to right, #000,#000991);
    color: #fff;
}
.ulist_moderator{
    background: linear-gradient(to top, #000,#6b6b6b);
    color: #fff;
}
.ulist_vip{
    background: linear-gradient(to top, #000,#009ece);
    color: #fff;
}
.ulist_bot{
    background: #009b20;
    color: #fff;
}
.ulist_normal{
    background: #424242;
    color: #fff;
}
.ulist_offline{
    background: #000;
    color: red;
}

/* for Topic Wc */
/* Stylish background with animation */
@keyframes glowEffect {
    0% { box-shadow: 0px 0px 10px rgba(0, 123, 255, 0.3); }
    50% { box-shadow: 0px 0px 20px rgba(0, 123, 255, 0.6); }
    100% { box-shadow: 0px 0px 10px rgba(0, 123, 255, 0.3); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.other_logs.splog {
    background: linear-gradient(135deg, #e3f2fd, #bbdefb); /* Soft Blue Gradient */
    border-left: 6px solid #007bff; /* Blue left border */
    padding: 15px;
    margin: 10px 0;
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0px 0px 10px rgba(0, 123, 255, 0.3);
    animation: fadeIn 0.8s ease-in-out, glowEffect 2s infinite alternate;
    transition: 0.3s ease-in-out;
}

/* Title Styling */
.other_logs.splog .sptitle {
    font-weight: bold;
    font-size: 20px;
    color: #0d47a1; /* Dark Blue */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
}

/* Message Text Styling */
.other_logs.splog .sptext {
    color: #333;
    font-style: italic;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.6;
}

/* Close Button Styling */
.other_logs.splog .spclear {
    float: right;
    cursor: pointer;
    color: #dc3545;
    font-size: 18px;
    transition: transform 0.3s, color 0.3s;
}

.other_logs.splog .spclear:hover {
    color: #a71d2a;
    transform: scale(1.2);
}
/* END for Topic Wc */


.ulist_tag{width:100%;border-top-right-radius:50px;border-bottom-left-radius:50px;border:2px solid #fff;box-shadow:0 0 4px rgb(100,100,100,5)}
.ulist_intag{display:table;table-layout:fixed;width:100%;padding:5px 10px}
.ulist_ticon{display:table-cell;vertical-align:middle;width:30px;font-size:18px;text-align:center}
.ulist_ticon img{width:25px;height:25px;display:block;margin:0 auto}
.ulist_tdata{display:table-cell;vertical-align:middle;padding:0 8px;text-align:center}
.ulist_ttitle{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ulist_dj{
    background: linear-gradient(5deg, #000,#612bf5);
    color: #fff;
}
.ulist_owner{
    background: linear-gradient(to bottom, #ffb300 0%,#aa4800 60%);
    color: #fff;
}
.ulist_superadmin{
    background: linear-gradient(to left, #000,#a00);
    color: #fff;
}
.ulist_admin{
    background: linear-gradient(to right, #000,#000991);
    color: #fff;
}
.ulist_moderator{
    background: linear-gradient(to top, #000,#6b6b6b);
    color: #fff;
}
.ulist_vip{
    background: linear-gradient(to top, #000,#009ece);
    color: #fff;
}
.ulist_bot{
    background: #009b20;
    color: #fff;
}
.ulist_normal{
    background: #424242;
    color: #fff;
}
.ulist_offline{
    background: #000;
    color: red;
}