#minichat {
z-index:9999;
width: 290px;
height: 490px;
background: #000;
font-size:14px;
line-height:150%;
padding:5px;
position: fixed;
left: -350px;
bottom: 60px;
border-radius:10px;
transition: left 0.5s ease;
box-shadow: 0px 0px 15px #000;
}
#minichatIcon {
z-index:9999;
position: fixed;
bottom: 5px;
left: 5px;
width: 50px;
height: 50px;
cursor: pointer;
}
#minichatClose {
position: absolute;
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
cursor: pointer;
}
#chat-box {
width:100%;
height:380px;
background: #000;
overflow-y: scroll;
border-radius:10px;
}
#message-form {
padding:5px;
}
#message-form input[type="text"] {
width:90%;
padding:5px;
}
#message-form button {
padding:5px 10px;
}
.chatTime {color: #666;}
.chat-username {cursor:pointer;text-decoration:none;}
.chat-username:hover {text-decoration:underline;}
#cooldown-timer {color:#ff0000;font-weight:bold;}
#message {color:#000;border-style:none;border-radius:5px;padding:5px;font-size:18px;outline: none;}
#chat-submit {color:#fff;background:#211f1f;border-style:none;font-size:18px;border-radius:5px;cursor:pointer;}
.host {color: #fff;}
.admin {color: #32cd32;}
.majitel {color: #00bfff;}
/* Custom scroll bar for Webkit browsers (Chrome, Safari) */
#chat-box::-webkit-scrollbar {width: 10px;}
#chat-box::-webkit-scrollbar-track {background: #000;border-radius: 10px;}
#chat-box::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
#chat-box::-webkit-scrollbar-thumb:hover {background: #555;}
/* Custom scroll bar for Firefox */
#chat-box {scrollbar-width: 10px;scrollbar-color: #888 #000;}
/* Optional: Custom scroll bar for Internet Explorer and Edge */
#chat-box {-ms-overflow-style: -ms-autohiding-scrollbar;}
#chat-box::-ms-scrollbar {width: 10px;}
#chat-box::-ms-scrollbar-track {background: #000;border-radius: 10px;}
#chat-box::-ms-scrollbar-thumb {background: #888;border-radius: 10px;}
#chat-box::-ms-scrollbar-thumb:hover {background: #555;}