.user {
    padding: 5px;
    background: #f0f0f0;
    margin: 3px;
    clear:both;
}

.user-selected {
    background: #9c9c9c;
}

.message {
    padding: 10px;
    margin: 3px;
    background: lightgreen;

}

.own-message {
    background: lightskyblue;
}

.message-form textarea {
    width: 98%;
    margin: 5px;

}

.message-form button {
    float: right;
    background: darkgreen;
    color: white;
    padding: 5px;
    margin: 6px;

}

.message-table {
    height: 100%;
}

.message-table .user-column {
    width: 250px;
    text-align: center;
}


.message-table td {
    vertical-align: top;
}

.welcome-message {
    text-align: center;
    background: #f0f0f0;
    width: 60%;
    border-radius: 10px;
    margin: 50px auto;
    padding: 50px;

}

footer {
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    margin: 10px;

}

.chat-area {
    height: 350px;
    border: 2px solid yellow;
    overflow-y: scroll;
}

.time-display {
    font-size: 0.7em;
}

.pagination {
    font-size: 0.9em;
    text-align: center;
}

.unread {
    color: red;
}

.new-messages-total {
    background: red;
    padding: 6px;
    border-radius: 3px;
}

.dot {
    background: red;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

#text-message {
    background: none;

}

.input-group {
    margin: 5px;
}

.success {
    border: 2px solid green;
    color: green;
    background: #99ffcc;
    padding: 10px;
    border-radius: 5px;
}

.warning {
    border: 2px solid orange;
    color: black;
    background: #ffcc99;
    padding: 10px;
    border-radius: 5px;
}

.error {
    border: 2px solid red;
    color: black;
    background: #ffcacb;
    padding: 10px;
    border-radius: 5px;
}

.menu{
    padding:5px;
}

.menu a{
    border:1px solid blue;
    padding:3px;
    border-radius: 3px;
}

.typingArea{
    font-style: italic;
    font-size: 0.8em;
    margin:5px;
}

.online{
    width:15px;
    height:15px;
    border-radius:7.5px;
    background:green;
    float:right;
}

.offline{
    width:15px;
    height:15px;
    border-radius:7.5px;
    background:grey;
    float:right;
}