#shoutbox { margin-bottom: 10px; background-color: var(--bg-row); border-radius: 5px;  }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox .head .right a { padding: 8px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { padding: 10px 15px; }
#shoutbox input.text {
	padding: 10px 8px;
width: 100%;
font-family: Arial, sans-serif;
font-size: 12px;
color: var(--font-color);
box-sizing: border-box;
border-radius: 5px;
border: 1px solid var(--bg-color);
background-color: var(--bg-color);
}
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { color: #727250; background-color: #FFFED8; }
#shoutbox .panel.blocked { color: #543A3A; background-color: #FCEFEF; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { padding: 10px; overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: block !important; padding: 10px 0 10px 0; overflow: hidden; position: relative; }
#shoutbox .entry:last-child > div { border-bottom: none; }
#shoutbox .entry:nth-child(even) { border-radius: 5px; background-color: var(--bg-color);}

#shoutbox .avatar img { float: left; margin-left: 8px; vertical-align: middle; height: 40px; width: 40px; border-radius: 5px; cursor: pointer; }
#shoutbox .user { display: inline; padding: 12px; white-space: nowrap; font-size: 13px; }
#shoutbox .text { display: block; padding-left: 60px; color: var(--font-color); }

#shoutbox .info { margin: 8px; position: absolute; top: 0; right: 0; color: var(--font-color); font-size: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: 1px solid #DDD; }
#shoutbox .ip { margin-right: 10px; color: #000; }


#lt_shoutboxname{
color: var(--font-color);
font-size: 16px;
font-weight: 800;
letter-spacing: 0.5px;
margin-bottom:30px;
}
#lt_shoutboxname:before{
content: "";
position: relative;
width: 5px;
height: 40px;
background: linear-gradient(180deg, rgba(46,163,220,1) 0%, rgba(79,101,217,1) 100%);
border-radius: 20px;
top: 15px;
display: inline-block;
}
#lt_shoutboxname span{
margin-left: 20px;
}